JS Code to scroll a webpage not working

Question

I am trying to automate the scrolling down of the webpage using the following JS code

window.scrollTo(0,document.body.scrollHeight);

However, instead of scrolling down the page, it is scrolling up.

Webpage in question is - https://www.zeekbeek.com/OSBA/Search-Results#profession=Lawyers&region=OH

Can someone kindly check what's going wrong here

if it's scrolling up maybe you should check 'scrollHeight' variable whether it is a non-zero value... — D Ie, Nov 11 '16 at 09:01
Right, working in Chrome but not in FF. I am using the Execute JS addon to run this code. — pb_ng, Nov 11 '16 at 09:10

score 0 · Answer 1 · answered Nov 11 '16 at 09:06

The problem will be seen only when the DOM is updated by ajax request or some other javascript. Otherwise, it's working. I think while updating DOM you should use jquery live

$( selector ).live( events, data, handler );

update the DOM through the live method. I think that's the problem

score 0 · Answer 2 · answered Nov 11 '16 at 09:18

Your code should be working fine.

Check out the demo below

var btn = document.querySelector('button');

btn.addEventListener('click', function(){
window.scrollTo(0,document.body.scrollHeight);
});

.top{
  height: 500px;
  background: orangered;
}

.bottom{
  margin-top: 30px;
  height: 300px;
  background: grey;
}

<button> Scroll down </button>
<div class="top"> </div>
<div class="bottom"> </div>

JS Code to scroll a webpage not working

2 Answers2