Simulate mouse scroll using only Javascript

Question

Just to provide context: I want to simulate mouse scroll on Google photos (photos.google.com).

The page contains scroll bar only for a portion of the page (the top "Search" section does not have a scroll bar).

The following does not work (but it works fine for scrolling on say Facebook, or SO):

window.scrollTo(0, 10000000)

Any clues on how I can simulate mouse scroll ?

KuroFluff · Accepted Answer · 2015-08-03 05:38:49Z

2

If you aren't scrolling the whole window then window.scrollTo is not what you want. You can scroll a section of DOM that has a style of overflow: scroll with something like:

var scrollBox = document.getElementById('sectionId');
scrollBox.scrollTop = 100; // num pixels from element top you want to scroll down

Which is the same as:

$('#sectionId').scrollTop(100);

You might want to consider a library like https://github.com/kswedberg/jquery-smooth-scroll which scrolls the screen in an ease-in ease-out fashion, which is easier for users to follow.

answered Aug 3, 2015 at 5:38

KuroFluff

484 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Simulate mouse scroll using only Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related