Javascript

javascript scroll滚动事件

联系站长 作者:web知道 来源:未知 2019-03-04 16:18 我要评论

javascript scroll滚动事件...

scroll
scrollTop向上
scrollLeft向右
相对另一个元素(offsetParent)的偏移量
 
offsetWidth
offsetHeight
实际宽高 = border + padding +content
 
元素.onscroll = function
scroll
scollTop
scrollLeft​ 元素滚出去的距离
 
scrollWidth
scrollHeight​
内容的宽高或者是自身的宽高​
自身宽高 = padding + content
 
client
clientTop ClientLeft -- border的宽度
clientWidth clientHeight
可视区域的宽高 == padding + content
 
用window.onscroll来创建整个页面的滚动事件
高版本的浏览器支持的是:
window.pageXOffset/pageYOffset
 
低版本浏览器
 
document.documentElement.scrollTop/scrollLeft
公式: pageY = clientY + window.pageYOffset / document.document.documentElement.scrollTop
scrollWidthscrollHeight得到:如果内容比容器大,得到的是内容的宽高​ 否则得到的是自己的宽高(不包括滚动条)
 




本文如有侵犯版权请联系站长删除。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
精彩导读