JS代码滚动网页不起作用答案

【问题标题】：JS Code to scroll a webpage not workingJS代码滚动网页不起作用
【发布时间】：2016-11-11 08:36:14
【问题描述】：

我正在尝试使用以下 JS 代码自动向下滚动网页

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

但是，页面不是向下滚动，而是向上滚动。

有人可以检查这里出了什么问题

【问题讨论】：

【解决方案1】：

只有在通过 ajax 请求或其他一些 javascript 更新 DOM 时才会出现此问题。否则，它正在工作。我认为在更新 DOM 时你应该使用 jquery live

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

通过 live 方法更新 DOM。我觉得是这个问题

【讨论】：

【解决方案2】：

您的代码应该可以正常工作。

查看下面的演示

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>

【讨论】：