css - 滚动时 Safari 绝对定位的 div 消失

Question

我有一个侧边栏，其中包含电子商务网站上的一些产品过滤器，并且具有绝对位置。它适用于除 iPad 和 iPhone 上的 Safari 之外的所有浏览器。它会在页面滚动时随机消失。

我尝试使用 -webkit-transform: translate3d(0, 0, 0);许多文章和其他“技巧”中都提到了技巧，但对我没有任何用处。

(iPad Safari 滚动导致 HTML 元素延迟消失和重新出现)

您可以在 http://www.hardlyeverwornit.com/alexander-mcqueen 查看页面

通过单击 REFINE SEARCH，可以在移动设备和 iPad 上看到边栏按钮。类名是 new-search-results-filters .目前我已经删除了 tranlate3d ...因为它不起作用。

Answer 1

您是否使用任何 resize 事件来帮助您进行位置计算？如果是，请注意 Safari 有一个已识别的错误，该错误会在滚动时随机触发调整大小事件。这可能会打乱您的位置计算。