在Chrome上滚动浏览器后,固定元素Y位置计算错误

eya*_*kim 5 html javascript css mobile google-chrome

地址栏变为隐藏/可见时发生.

在此输入图像描述

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-9699-2e6adb1c1a25

eya*_*kim 3

该错误似乎与hammer.js有关:

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