固定元素 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;