原文:获取元素到顶部距离js\jq写法

今天发现getBoundingClientRect 这个方法可以返回元素的大小及其相对于视口的位置,对于获取元素到顶部距离省事很多。 当然jq也有获取元素到顶部的距离的方法。写个例子测试一下,顺便看看变化。 示例代码: 在测试的过程中发现,当页面滚动的时候,不加上滚动距离是不准确的。js中offsetTop仅获取元素最近的父元素的距离,当这个父元素有相对定位的时候。 同理,jq中的positio ...

2020-09-11 17:09 0 1265 推荐指数:

查看详情

offsetTop获取元素到顶部距离(累加)

思考:为什么要累加?   因为offsetTop返回的是当前对象距离上一层父级节点的距离;   如果元素有多个父级,则必须要累加   请参考:JS中offsetTop、clientTop、scrollTop、offsetTop各位置属性详解(含示例图) 解决办法: js: 亲测有效 ...

Sat May 02 06:20:00 CST 2020 0 2353
jq获取元素到底部的距离

// var wh = $(window).height(),//是文档窗口高度 // ot = $("#icoimg").offset().top,//是标签距离顶部高度 // ds = $(document.documentElement).scrollTop ...

Mon Sep 21 19:56:00 CST 2015 0 2661
获取元素到页面顶部距离

function getDisTop(element) { //获取元素距离页面顶部距离 var realTop = element.offsetTop; var parent ...

Mon Aug 24 00:40:00 CST 2020 0 2240
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM