在 javascript 中獲取視口 position 在 iPhone safari 中

Question

我試圖阻止元素在 safari 在 iphone 上滾動。 我試過這里提到的解決方案： iPhone Safari：在 html 容器內滾動列表但是我的列表很大，工作起來不是很順暢。

我的想法是檢測 onscroll 事件並重新定位元素，因此它位於視口的邊界內。

但是我找不到檢測視口坐標的方法。 有人可以幫忙嗎？

謝謝。

Answer 1

document.addEventListener(
    'touchmove',
    function touchMove(event) {
        event.preventDefault()
    },
    false
);

Answer 2

看看iScroll 。 如果不是你想要的，你可以參考實現。 我認為這樣做的技巧是同時執行event.preventDefault()和event.stopPropagation()以防止移動設備 safari 響應觸摸事件。

iScroll 的誕生是因為移動 webkit（在 iPhone、iPod、Android 和 Pre 上）不提供在固定寬度/高度元素內滾動內容的本機方式。 這種不幸的情況會阻止任何網絡應用程序擁有 position:absolute header 和/或頁腳和內容的滾動中心區域。

Answer 3

var viewport_x = window.pageXOffset;
var viewport_y = window.pageYOffset;