数码资讯
使用javascriptscrollTop正解的方法
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
javascript scrollTop获取滚动条相对其顶部偏移(如一个按钮,自动显示隐藏的背上)。下面的问题是在实际应用中常常遇到的:
document.documentelement.scrolltop 0铬
document.body.scrolltop 0在IE和Firefox
1、窗的区别。pageyoffset /文档。文档元素}。scrollTop / document.body.scrolltop在各种浏览器
实例:
复制代码代码如下所示:
(0100)window.scroll
console.log(窗口。pageyoffset:+窗口。pageyoffset)
console.log(文档。文档元素}。scrollTop:+文档。文档元素}。scrollTop)
console.log(文档。身体。scrollTop:+文档。身体。scrollTop)
IE6 / 7 / 8:
DOCTYPE:
Window.pageYOffset:undefined
文档。文档元素}。scrollTop:100
文件。身体。scrollTop:0
没有DOCTYPE:
pageyoffset:定义窗口。
文档。文档元素}。scrollTop:0
文件。身体。scrollTop:100
Safari /铬:
pageyoffset:100窗口。
文档。文档元素}。scrollTop:0
文件。身体。scrollTop:100
火狐/ Opera:
DOCTYPE:
pageyoffset:100窗口。
文档。文档元素}。scrollTop:100
文件。身体。scrollTop:0
没有DOCTYPE:
pageyoffset:100窗口。
文档。文档元素}。scrollTop:0
文件。身体。scrollTop:100
2。得到scrollTop值
完美的访问scrollTop分配:
复制代码代码如下所示:
VaR scrollTop =窗口。pageyoffset | | document.documentelement.scrolltop document.body.scrolltop | |;
document.documentelement.scrolltop 0铬
document.body.scrolltop 0在IE和Firefox
1、窗的区别。pageyoffset /文档。文档元素}。scrollTop / document.body.scrolltop在各种浏览器
实例:
复制代码代码如下所示:
(0100)window.scroll
console.log(窗口。pageyoffset:+窗口。pageyoffset)
console.log(文档。文档元素}。scrollTop:+文档。文档元素}。scrollTop)
console.log(文档。身体。scrollTop:+文档。身体。scrollTop)
IE6 / 7 / 8:
DOCTYPE:
Window.pageYOffset:undefined
文档。文档元素}。scrollTop:100
文件。身体。scrollTop:0
没有DOCTYPE:
pageyoffset:定义窗口。
文档。文档元素}。scrollTop:0
文件。身体。scrollTop:100
Safari /铬:
pageyoffset:100窗口。
文档。文档元素}。scrollTop:0
文件。身体。scrollTop:100
火狐/ Opera:
DOCTYPE:
pageyoffset:100窗口。
文档。文档元素}。scrollTop:100
文件。身体。scrollTop:0
没有DOCTYPE:
pageyoffset:100窗口。
文档。文档元素}。scrollTop:0
文件。身体。scrollTop:100
2。得到scrollTop值
完美的访问scrollTop分配:
复制代码代码如下所示:
VaR scrollTop =窗口。pageyoffset | | document.documentelement.scrolltop document.body.scrolltop | |;
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。