javascript – 浏览器滚动如何在DOM中工作?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 浏览器滚动如何在DOM中工作?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1328字,纯文字阅读大概需要2分钟。
内容图文
最初我在google搜索window.scrollTo(0,y)和element.scrollTop = y之间的区别.
应用了window.scrollTo的元素?显然,窗口本身不是滚动的内容,而是其内容.直觉它应该是正文(documentElement),但我还没有找到任何标准.
Perharps this one写了关于视口的内容,因此如果窗口视口和某个元素之间存在任何标识,则可以减少该问题,但视口不知道它们的内容.在引用中,我在诸如defaultView或浏览上下文之类的术语中迷失了…请帮助我理解在滚动期间DOM中发生了什么以及scrollTo窗口方法和scrollTop documentElement属性是如何互连的.
解决方法:
好吧,我想最终这一切都归结为术语.
window对象表示包含DOM文档的窗口.窗口的document属性指向该窗口中加载的DOM文档.元素表示文档的对象.
另一个概念是视口.视口的功能是约束< html>元素,它是您网站的最上面的包含块.它不是一个真正的html元素;由于各种原因,它只是位于文档根目录和窗口之间.人们通常将其称为浏览器中页面的可见部分.
这些概念非常适合介绍,但在此上下文中最重要的概念是滚动框.
如果不能看到overflow-x或overflow-y属性的元素使用值,则每个内容溢出其内容区域的元素都有一个关联的滚动框.
因此,每当用户(或脚本)滚动时,它都会影响元素滚动框. window.scrollTo影响文档根节点的滚动框,最上面的包含块:html元素.这不是你看到的东西,因为它只会改变你在视口中看到的内容,而且似乎是与窗口的交互.因此人们称之为“滚动窗口”或“滚动文档”.
有一个例外.兼容模式下的IE使用body元素作为渲染和测量偏移的基础.这使得使用滚动位置变得不那么直接,这也是许多开发人员依赖库来获取正确值的原因.
内容总结
以上是互联网集市为您收集整理的javascript – 浏览器滚动如何在DOM中工作?全部内容,希望文章能够帮你解决javascript – 浏览器滚动如何在DOM中工作?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。