(jQuery) Scroll event.. I want to scroll the document to the point specified if the user scroll the page

Question

Hi guys,

I want to implement a scroll function.. So the default of scroll is disabled. And if the user use the scroll button, I want it to be set to the point I want.. How can I implement this function? window.scrollTop is not working.. I tried a lot of different methods but all were not working..

$(window).scroll(function() {
     $(body).scrollTop = 3000px;
})

Answer 1

There is a plugin for JQuery called ScrollTo that might do exactly what you need.

Check it out here: http://plugins.jquery.com/project/ScrollTo

Answer 2

The scrollTop property only accepts an integer (not pixels). Omit the px and it should be fine.

$(window).scroll(function() {
    $('body').get(0).scrollTop = 3000; // note that this does only work if body has overflow
    // if it hasn't, use window instead
});