固定元素 Y 位置在 android 的 chrome 上滾動后計算錯誤

Question

當地址欄變得隱藏/可見時發生。

DOM 瀏覽器上標記的元素與屏幕底部顯示的元素相同（帶有“開始規划”按鈕）。 滾動后，它的實際位置被向上滾動（即使它處於固定位置），但沒有重新渲染發生，因為它仍然顯示在屏幕上的正確位置。

有趣的是，該元素不會響應顯示區域中的點擊，而是響應 DOM 計算區域中的點擊（也就是說，如果您在按鈕上方單擊它會起作用，但當您單擊按鈕本身時則不會）。

這是我們平台上有問題的頁面的鏈接：

https://in-office.wekudo.com/wellness/category/nutrition/smoothie-bar

Airbnb 的平台上也存在同樣的問題：

https://www.airbnb.com/rooms/select/17017021?search_id=74b85b09-c47b-4d33-854a-c42ffa1d7779&federated_search_id=93685a2b-81cc-49a4-96991c1a62e

Answer 1

該錯誤似乎與hammer.js有關：

https://github.com/hammerjs/hammer.js/issues/1171

Answer 2

在 CSS 中，請添加overflow-y: visible !important;