首页 > web前端 > js教程 > 如何使用 JavaScript 以编程方式滚动到网页底部?

如何使用 JavaScript 以编程方式滚动到网页底部?

DDD
发布: 2024-12-02 20:11:11
原创
970 人浏览过

How Can I Programmatically Scroll to the Bottom of a Web Page Using JavaScript?

自动滚动到页面底部

希望在单击某个触发器时滚动到页面底部的特定元素?这可以在不使用 jQuery 的情况下有效地实现。

解决方案:

window.scrollTo(0, document.body.scrollHeight);
登录后复制

说明:

这个简单的 JavaScript 代码会将页面垂直滚动到 document.body.scrollHeight 属性指定的位置。它表示文档正文的总高度,包括任何垂直滚动的元素。

注意事项:

  • 对于嵌套元素,您可能需要定位滚动的元素并使用其滚动高度相反:

    nestedElement.scrollTo(0, nestedElement.scrollHeight);
    登录后复制

其他资源:

  • http://www.alecjacobson.com/weblog/?p=753
  • http://www.mediacollege.com/i ninternet/javascript/page/scroll.html
  • http://www.electrictoolbox.com/jquery-scroll-bottom/

以上是如何使用 JavaScript 以编程方式滚动到网页底部?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板