js 在元素是动态加载的页面中将页面滚动到最底部

最新推荐文章于 2024-04-26 16:47:03 发布

微八度

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量98

点赞数 1

分类专栏： Javascript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/v_weixiao/article/details/136971708

版权

Javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

将滚动条滚动到页面最底部，
在静态页面中可以直接用：

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

如果页面中有很多元素都是动态加载的，那 document.body.scrollHeight 是会一直变的，这时使用监听器：

// 创建一个观察器实例
var observer = new MutationObserver(function(mutations) {
  window.scrollTo(0, document.body.scrollHeight);
});
// 配置观察器的选项
var config = { childList: true, subtree: true };
// 开始观察目标节点的变化
observer.observe(document.body, config);