How to scroll the window using JQuery scrollTo function

Question

I m trying to scroll down 100px every time the user gets near the top of the document   I have the function executing when the user gets close to the top of the document  but the  scrollTo function isn t working   I put an alert after and before to check to see if it actually was the line or not that was stopping it and only the first alert goes off  here s the code   alert  starting      scrollTo   top     100px   left     0px     800   alert  finished      I know I have the jquery page linked properly because I m using many other jquery functions throughout and they all work fine  I ve also tried removing the  px  from above and it doesn t seem to make a difference

User · Answer

html  body   animate  scrollTop      page   offset   top   2000

User · Answer

Looks like you ve got the syntax slightly wrong    I m assuming based on your code that you re trying to scroll down 100px in 800ms  if so then this works  using scrollTo 1 4 1      scrollTo    100px   800    axis  y

User · Answer

Actually something like  function scrollTo prop          html body   animate  scrollTop        prop  offset   top    parseInt       prop  css  padding-top   10     slow        will work nicely and support padding  You can also support margins easily - for completion see below  function scrollTo prop          html body   animate  scrollTop        prop  offset   top    parseInt       prop  css  padding-top   10     parseInt       prop  css  margin-top   10      slow

User · Answer

jQuery now supports scrollTop as an animation variable       id   animate   scrollTop       id   scrollTop     100      You no longer need to setTimeout setInterval to scroll smoothly

User · Answer

To get around the html vs body issue  I fixed this by not animating the css directly but rather calling window scrollTo    on each step      myScrollTop window pageYOffset   animate  myScrollTop 300       duration  600    easing   swing     step  function val        window scrollTo 0  val             This works nicely without any refresh gotchas as it s using cross-browser JavaScript   Have a look at http   james padolsey com javascript fun-with-jquerys-animate  for more information on what you can do with jQuery s animate function

User · Answer

If it s not working why don t you try using jQuery s scrollTop method         id   scrollTop     id   scrollTop     100     If you re looking to scroll smoothly you could use basic javascript setTimeout setInterval function to make it scroll in increments of 1px over a set length of time

[javascript] How to scroll the window using JQuery $.scrollTo() function

Examples related to javascript

Examples related to jquery

Examples related to scroll

Examples related to scrollto