Joomla Issues

[error404]

Hi Everyone,

 

 

I have been trying to set GSAP on a Joomla website. Well, was able to make it work with the quote below BUT with issues, now the trigger always start way before it should. It starts at the beginning of the page instead of at the orange div start like in the doc example. 

<script type="text/javascript">

        jQuery(document).ready(function() {
        	var controller = new ScrollMagic.Controller();

  var blockTween = new TweenMax.to("scblock", 1.5, {
    backgroundColor: '#f1f1f1f1'});

  var containerScene = new ScrollMagic.Scene({
      triggerElement: 'sccontainer'
    })
    .setTween(blockTween)
    .addIndicators()
    .addTo(controller);
      
        }); //ready
        
</script>

This code was taken out from the doc example at https://github.com/janpaepke/ScrollMagic/wiki/Get-Started-First-Tween

the only difference is that the CSS id to work in Joomla can't include the '#' like already reported on a different topic within this forum.

There are no errors showing on the Chrome and/or Firefox Firebug console.

 

 

Take a look at the attached image to see what I mean.

 

 

 

Anyideas on why this is happening?

 

 

Thanks for the help guys

 

 

[Carl]

Hi and welcome to the GreenSock forums,

 

Seems the code you are referencing is from the ScrollMagic repo. I think the ScrollMagic folks will probably be able to explain it better.

Try posting your issue here: https://github.com/janpaepke/ScrollMagic/issues

 

I just don't have a lot of personal experience with the ScrollMagic API (Lots of folks love it and have had great success). 

 

I'm sure a CodePen demo (like this guy made)  would be helpful too. At the very least that would take Joomla out of the equation and it would be cool to see if things work that way. 

[error404]

Hi and welcome to the GreenSock forums,

 

Seems the code you are referencing is from the ScrollMagic repo. I think the ScrollMagic folks will probably be able to explain it better.

Try posting your issue here: https://github.com/janpaepke/ScrollMagic/issues

 

I just don't have a lot of personal experience with the ScrollMagic API (Lots of folks love it and have had great success). 

 

I'm sure a CodePen demo (

See the Pen oXGdJM by thomasflad (@thomasflad) on CodePen

)  would be helpful too. At the very least that would take Joomla out of the equation and it would be cool to see if things work that way. 

 

 

Thanks, will do that and get back here with their answer (hopefully they have one )