思考:為什么要累加? 因為offsetTop返回的是當前對象距離上一層父級節點的距離; 如果元素有多個父級,則必須要累加 請參考:JS中offsetTop、clientTop、scrollTop、offsetTop各位置屬性詳解(含示例圖) 解決辦法: js: 親測有效 ...
今天發現getBoundingClientRect 這個方法可以返回元素的大小及其相對於視口的位置,對於獲取元素到頂部距離省事很多。 當然jq也有獲取元素到頂部的距離的方法。寫個例子測試一下,順便看看變化。 示例代碼: 在測試的過程中發現,當頁面滾動的時候,不加上滾動距離是不准確的。js中offsetTop僅獲取元素最近的父元素的距離,當這個父元素有相對定位的時候。 同理,jq中的positio ...
2020-09-11 17:09 0 1265 推薦指數:
思考:為什么要累加? 因為offsetTop返回的是當前對象距離上一層父級節點的距離; 如果元素有多個父級,則必須要累加 請參考:JS中offsetTop、clientTop、scrollTop、offsetTop各位置屬性詳解(含示例圖) 解決辦法: js: 親測有效 ...
滾動條,而window的滾動條並不滿足。那么在滾動window滾動條時如何獲取元素距離視窗頂部的距離呢,這 ...
...
一、 1、首先有一個元素 2、確認指針指向 https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClientRect 例: 打印出: 可獲得 用於描述邊框的只讀屬性 ...
// var wh = $(window).height(),//是文檔窗口高度 // ot = $("#icoimg").offset().top,//是標簽距離頂部高度 // ds = $(document.documentElement).scrollTop ...
function getDisTop(element) { //獲取元素距離頁面頂部的距離 var realTop = element.offsetTop; var parent ...
jq: js: 網頁被卷起來的高度/寬度(即瀏覽器滾動條滾動后隱藏的頁面內容高度) 等同於: $(window).scrollTop ...