獲取頁面元素位置

最近在嘗試乙個東西的時候，再次碰到需要獲取元素的位置，這次還是自己來整理一下。

offset 一類的屬性有：offsettop、offsetleft、offsetwidth、offsetheight。

scroll 一類屬性有：scrollleft、scrolltop

var sleft = element.scrollleft;
var stop = element.scrolltop;
element.scrolltop = intvalue
element.scrollleft = intvalue

注意：以下所說的位置，都是指元素左上角相對於另乙個元素左上角的座標。父元素的情況可分為：直接父元素、間接父元素。

下面將問題具體化，主要使用了 offset 相關屬性。複雜的布局情況可以依此類推。

對最終位置結果可能會產生影響的因素有：

這是測試頁面，移動端訪問如下：

由於不同的布局和 css 屬性，計算方式可能會有差別，這是乙個簡單的示例，移動端訪問如下：

示例主要判斷邏輯

function
checkintoview()
}})var showmsg = intoviewele.
join
('，');
document.
queryselector
('#result'
).innerhtml =
'部分或全部已在滾動可視區的元素有：
'+showmsg;
}

1.網頁的大小和瀏覽器視窗的大小一張網頁的全部面積，就是它的大小。通常情況下，網頁的大小由內容和css樣式表決定。瀏覽器視窗的大小，則是指在瀏覽器視窗中看到的那部分網頁面積，又叫做viewport 視口如果網頁的內容能夠在瀏覽器視窗中全部顯示也就是不出現滾動條那麼網頁的大小和瀏覽器視窗的大小...

一網頁的大小和瀏覽器視窗的大小首先，要明確兩個基本概念。一張網頁的全部面積，就是它的大小。通常情況下，網頁的大小由內容和css樣式表決定。瀏覽器視窗的大小，則是指在瀏覽器視窗中看到的那部分網頁面積，又叫做viewport 視口很顯然，如果網頁的內容能夠在瀏覽器視窗中全部顯示也就是不出現滾動條...