固定元素Y位置在chrome上滚动（android）后计算错误

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

Answer 1

该错误似乎与Hammer.js有关：

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

Answer 2

在CSS中，请添加$('#pin-menu-button').click(function() { $('#slidingBox').toggleClass('no-pin'); });