网络编程 
首页 > 网络编程 > 浏览文章

js中offset,client , scroll 三大元素知识点总结

(编辑:jimmy 日期: 2024/11/27 浏览:3 次 )

js 元素offset,client , scroll 三大系列总结

1,element.offsetWidth : 包括 padding 和 边框

2,element.clientWidth : 包括 padding ,不包含边框 , 内容超出会溢出盒子的时候,就用scrollWidth

3,element.scrollWidth : 不包含边框

主要用法:

1,offset 系列 经常用于获得元素位置 offsetLeft offsetTop

2,client经常用于获取元素大小, clientWidth , clientHeight

3,scroll经常用于获取滚动距离,scrollTop scrollLeft

4,注意页面滚动距离 通过 window.pageXoffset window.pageYoffset 获得

以上就是本次介绍的全部知识点内容,感谢大家对的支持。

上一篇:Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
下一篇:js实现点击图片在屏幕中间弹出放大效果
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap