Scrolling the page up and down with Greensock JS

[peterPotter]

I just want to stop by and say Thank you very much, Jack, for this ScrollToTop plugin. It has helped me quickly (and beautifully) fix an issue I had on iOS devices with my app.

[Guest cogthrob]

Has anyone had issues with scrollTo plugin in IE9? When I try and do something like 

TweenLite.to(window, 2, { scrollTo: { y: 100, x: 0} });

IE9 developer console complains

SCRIPT5: Access is denied.

TweenLite.js, line 766 character 5

which is the isSelector function, so I tried some work around like using a jQuery wrapper for the window but nothing worked.

 

TweenLite does it's job and animates the window down but the javascript block containing the TweenLite call returns so no javascript under the call is run.

 

Just verified this is also happening in IE10.

 

TIA for any insight!  

[Rodrigo]

Hi and welcome to the forums.
 
Question are you including the scrollTo plugin in your code?, like this:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.9.8/TweenLite.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.9.8/plugins/ScrollToPlugin.min.js"></script>

With that you also will be using the latest version of the engine.
 
I just tested in IE9 and IE10 a very simple example of the following code:

$(document).ready(function(){

TweenLite.to(window, 2, {scrollTo:{y:300, x:0}});

});

And works fine.
 
If you're including the files could you provide a reduce sample of your issue in a codepen, fiddle or live page to see what's happening?.

 

Hope this helps,

Cheers,

Rodrigo.

[Longblog]

Hi and welcome to the forums.

 

Question are you including the scrollTo plugin in your code?, like this:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.9.8/TweenLite.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.9.8/plugins/ScrollToPlugin.min.js"></script>

With that you also will be using the latest version of the engine.

 

I just tested in IE9 and IE10 a very simple example of the following code:

$(document).ready(function(){

TweenLite.to(window, 2, {scrollTo:{y:300, x:0}});

});

And works fine.

 

If you're including the files could you provide a reduce sample of your issue in a codepen, fiddle or live page to see what's happening?.

 

Hope this helps,

Cheers,

Rodrigo.

Although your code above works in IE9, 

 

$("#home-button").click(function(e) {
  event.preventDefault();
  TweenLite.to(window, 1, {scrollTo:{y:0}});
});

Doesn't work in IE or Firefox. Any ideas why?

[jamiejefferson]

could you provide a reduce sample of your issue in a codepen, fiddle or live page to see what's happening?

 

See the Pen Fmbav by jamiejefferson (@jamiejefferson) on CodePen.

 

You are using two different names for your event which causes javascript to halt. I recommend you check out how to use browser developer tools to debug your pages

 

Chrome

Firefox (or Firebug addon)

Internet Explorer

 

If you open the Console, you'll see the error immediately.

[Jonathan]

Hello longblog, here is a simple working example of GSAP ScrollToPlugin to test with:

 

See the Pen AsLfc by jonathan (@jonathan) on CodePen.

 

Hope it helps?