I want to scroll the browser window in response to certain user actions.

I found out about scrollLeft in a stackoverflow response. From there, I was able to find scrollTop and ended up with the following:

$(window).scrollTop((Number($(window).scrollTop())+100)+'px');

This does in fact scroll, but to the top of the page. No matter what value I replace 100 with (I even tried negative numbers), it always just jumps to the top of the page. (Note: $(window).scrollTop() is returning 0.)

Can someone give me some tips to what I might be missing?

I want to scroll the browser window in response to certain user actions.

I found out about scrollLeft in a stackoverflow response. From there, I was able to find scrollTop and ended up with the following:

$(window).scrollTop((Number($(window).scrollTop())+100)+'px');

This does in fact scroll, but to the top of the page. No matter what value I replace 100 with (I even tried negative numbers), it always just jumps to the top of the page. (Note: $(window).scrollTop() is returning 0.)

Can someone give me some tips to what I might be missing?

• javascript
• jquery

• If you are using an anchor link, you should prevent the default action of the event. event.preventDefault(). – Ram Commented Jan 11, 2013 at 3:57
• It's in response to the mouse moving over an element. (It's not implemented yet but it will be a timer handler when I'm done.) – Jonathan Wood Commented Jan 11, 2013 at 3:58

3 Answers 3

scrollTop just takes a number, rather than a px value.

$(window).scrollTop($(window).scrollTop()+100);

That should be enough.

No px required...

$(document).ready(function(){
    $(window).scrollTop(($(window).scrollTop()+600));
});

Fiddle

YOu don't need Number cause scrollTop returns a number

scrollTop will perform if there's some scrollHeight available that is higher than the element's height, and it's always a positive number.

and it should look like:

$(window).scrollTop( $(window).scrollTop()+100 );

you don't need the 'px'