原文:獲取元素到頂部距離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