js中offset,client , scroll 三大元素知识点总结
2019-09-11 16:30
1396 查看
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 获得
以上就是本次介绍的全部知识点内容,感谢大家对脚本之家的支持。
您可能感兴趣的文章:
相关文章推荐
- JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结
- js中元素的top、clientTop、scrollTop、offsetTop.........的讲解
- DOM获取元素位置的三大系列offset/scroll/client
- js中常用元素属性scrollLeft,scrollWidth,clientWidth,offsetWidth的解释
- Js中三大家族:offset,scroll,client
- 使用JS,JQ获取offset-*,client-*,scroll-*的方法总结
- Js-webAPI 三大系列:scroll、client、offset
- JS-元素大小深入学习-offset、client、scroll等学习研究笔记
- js 三大家族(offset/scroll/client)
- js的三大家族(offset/scroll/client)和一个事件对象(event)///正则
- JS一起学09:父子首尾节点、创删改元素、||和&&、scroll... / offset... / client...、关于window、各种弹...
- js 三大家族(offset/scroll/client)
- JS: offsetLeft/Top、offsetParent、scrollLeft/Top、clientLeft/Top、scrollX、scrollY、pageXOffset、pageYOffse
- JS属性 ClientTop,scrollTop,offsetWidth,ClientWidth,clientLeft,padding,border,top,margin区别
- js中offsetTop,scrollTop,clientTop区别
- JS中关于clientWidth offsetWidth scrollWidth 等的含义
- Js中 关于top、clientTop、scrollTop、offsetTop等
- JS中关于clientWidth offsetWidth scrollWidth 等的含义
- offset、client、scroll开头的属性归纳总结
- JS: innerWidth/Heigt、outerWidth/Height、offsetWidth/Height、clientWidth/Height、scrollWidth/Height