javascript实现网页动态滚动效果

网页动态滚动效果可以通过 JavaScript 的 scrollTo() 方法实现。该方法可以将窗口滚动到指定位置。

例如，以下代码将窗口滚动到文档的底部：

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

如果要在点击按钮时触发滚动效果，可以将该代码放入按钮的 click 事件处理函数中，如下所示：

<button onclick="scrollToBottom()">滚动到底部</button>

<script>
function scrollToBottom() {
  window.scrollTo(0, document.body.scrollHeight);
}
</script>

此外，还可以使用 jQuery 的 animate() 方法实现平滑的滚动效果。例如，以下代码将窗口平滑地滚动到文档的底部：

$('html, body').animate({scrollTop: $(document).height()}, 'slow');

注意，此方法需要引入 jQuery 库。