固定在Chrome移動設備上的位置導致元素向上/向下滾動

Question

我正面臨着這個奇怪的問題，看起來像Chrome移動設備上的錯誤。

我有一個div位置：fixed;與屏幕的右上角對齊。在桌面上，它工作正常（它保持在原位），但在移動時，div向上或向下滾動時移動。我做了一個視頻，以更好地解釋：

https://www.youtube.com/watch?v=gCgN6ULkcMg

在精細

上滾動下來，用一塊的div向上滾動作品位置：固定消失在視口外

我試圖隔離小提琴上的問題，但無法重現它。於是我把整個網站封裝在一個小提琴中，問題停止了。我仍然不明白爲什麼。

網站的小提琴隔離： 刪除*

Live網站： 刪除*

此外，我進行了不同設備上的一些測試，現場網站：

• Chrome行動：錯誤
• Chrome桌面：工程正常
• 火狐移動：做工精細
• 的Safari移動：做工精細

有人能解釋我爲什麼Chrome移動設備上有這個問題，而其他人沒有？

我的立場：固定股利看起來是這樣的：

div { 
    position:fixed; 
    top:10px; 
    left:0; 
    width:100%; 
    text-align:right; 
} 

*刪除的鏈接，因爲它是一個客戶的網站。解決方案在下面的答案中。

Answer 1

我發現了。

對於一些上帝遺棄的原因，我心愛的移動谷歌瀏覽器需要user-scalable = no在視口元。

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no"> 

現在有效。