本文目录
- jquery的offset.top用原生js怎样写
- js实现jquery的offset()方法(获取当前元素相对于文档的偏移量 )
- Js基础16:偏移量offset、滚动scroll、区c客户lient
- js 怎么获取offsetY 值
jquery的offset.top用原生js怎样写
你好,原生的写法是这样的
《html》《head》***隐藏网址***《title》无标题文档《/title》《style》*,body{padding:0; margin:0}.div{position:absolute; left:0px; top:50px; width:50px; height:50px; background-color:#006}《/style》《/head》《body》《div class="div" id="obj"》《/div》《script type="text/javascript"》 var obj = document.getElementById("obj"); alert(obj.offsetTop)《/script》《/body》《/html》希望可以帮助到你
js实现jquery的offset()方法(获取当前元素相对于文档的偏移量 )
最近做项目,由于zepto使用的功能较少,想将zepto的功能用较少原生实现,其中有个实现zepto的offset()方法取到各种值的难为了我,我百度了下,大体网上千篇一律的这样写到 我本着试试看的态度将这个方法炒了上去,打印出值结果与我需要的值相差甚远,为此我仔细翻了下源码,源码见下面链接 源码 找到如下方法getBoundingClientRect,翻了下caniuse发现兼容性还好(本人移动端),故可以写成以下方式 如果要考虑兼容性,请仔细看zepto源码 另外上述 改成 也可以实现
Js基础16:偏移量offset、滚动scroll、区c客户lient
1、偏移量offset
offset是偏移、位移、补偿的意思(取整数值四舍五入),表示元素的偏移量。
html和css代码
JavaScript代码
2、滚动scroll
scroll是长卷纸,卷轴的意思,表示浏览器滚动时元素的卷曲值。
html和css代码
JavaScript代码
3、客户区client
client获取的是元素的可视区域
案例:吸顶导航
html和css代码
JavaScript代码
js 怎么获取offsetY 值
offsetY是什么?javascript没有这个属性。
是不是想获取元素离页面顶部的偏移值?
demo:
《div id="box" style="position:absolute;top:50px;background:#F00;"》111《/div》《script type="text/javascript"》var offsetY=document.getElementById(’box’).offsetTop;alert(offsetY);《/script》