今天發現getBoundingClientRect() 這個方法可以返回元素的大小及其相對於視口的位置,對於獲取元素到頂部距離省事很多。 當然jq也有獲取元素到頂部的距離的方法。寫個例子測試一下,順便看看變化。 示例代碼: 在測試的過程中發現,當頁面滾動的時候,不加 ...
思考:為什么要累加 因為offsetTop返回的是當前對象距離上一層父級節點的距離 如果元素有多個父級,則必須要累加 請參考:JS中offsetTop clientTop scrollTop offsetTop各位置屬性詳解 含示例圖 解決辦法: js: 親測有效 應用實例: 解決移動端鍵盤被遮擋的問題:ps這里鍵盤是手寫的,所以不能啟動原生鍵盤的focus事件,只能手動去修改scrollTop高 ...
2020-05-01 22:20 0 2353 推薦指數:
今天發現getBoundingClientRect() 這個方法可以返回元素的大小及其相對於視口的位置,對於獲取元素到頂部距離省事很多。 當然jq也有獲取元素到頂部的距離的方法。寫個例子測試一下,順便看看變化。 示例代碼: 在測試的過程中發現,當頁面滾動的時候,不加 ...
一、 1、首先有一個元素 2、確認指針指向 https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClientRect 例: 打印出: 可獲得 用於描述邊框的只讀屬性 ...
function getDisTop(element) { //獲取元素距離頁面頂部的距離 var realTop = element.offsetTop; var parent ...
<view id='box'></view> view.js ...
var that=this; const query = uni.createSelectorQuery().in(that); query.select('元素').boundingClientRect(data => { console.log(data) }).exec(); ...
jquery獲取元素到頁面頂部距離的語句為: $(selector).offset().top ...