如何找到特定元素的滾動位置？

Question

這似乎是一個基本問題，但由於某些原因，無論我在哪里，諸如document.body.offsetTop ， window.scrollY ， window.scrollTop ， document.body.scrollTop ， window.pageYOffset之類的結果都返回0或undefined 。 ve在頁面上滾動。 另外一些細節，這是在移動Safari上的，我正在XCode模擬器上運行並使用Safari開發人員工具進行檢查。 我的代碼使用document.pageYOffset ，可以在桌面瀏覽器上正常工作。 唯一的其他限制是我不能使用jQuery。 在所有其他時間詢問此問題時，答案都使用諸如window.scrollY類的東西或在這里不起作用的東西。 是否有其他方法來獲取頁面（或特定元素）的滾動位置？ （編輯：相對於視口）

Answer 1

嘗試使用jquery， $（“ selector”）。scrollTop和$（“ selector”）。scrollLeft 。

var scrolltop = $("selector").scrollTop();
var scrollleft = $("selector").scrollLeft();

Answer 2

事實證明，選擇元素然后調用getBoundingClientRect可以解決此問題。 因此，例如： let containerPosition = document.getElementById('select-unauthenticated-home-container').getBoundingClientRect().top; 然后，您可以基於該值添加行為。