This will scroll the page on load and stop at the bottom of a specified div. The scroll action will stop when the mouse is interacted with such as scroll or button click. The scroll will also stop on mobile scroll interactions.
// NOTICE: I would not recommend scoling a page automatically, this was a one-off requested by a client and I just wanted to document it.
<script language=javascript>
jQuery(document).ready(function( $ ) {
$('html, body').animate({
scrollTop: $('.entry-content').height()-$(window).height()}, 10000
);
$(window).on('mousewheel mousedown wheel DOMMouseScroll mousewheel keyup touchmove',
function() {
$('html, body').stop();
});
});
</script>