在移动浏览器中滚动后修复 div

Question

我想在页面滚动期间修复一个 div。我的代码适用于桌面浏览器，但它不适用于移动设备，其中 div 仅在滚动条停止时才固定。 你可以在这里测试页面 www.spiaggiati.it/antani/。

代码是：

function fixDiv() {
var $div = $("#order");
if ($(window).scrollTop() > $div.data("top")) {
    $div.css({'position': 'fixed', 'top': '-10px', 'width': $('div#content').width()});
    $('#categories').css('margin-top', '50px');
}
else {
    $div.css({'position': 'static', 'top': 'auto'});
    $('#categories').css('margin-top', '0px');
}
}

Answer 1

我假设fixDiv() 是使用scroll-event 不断触发的。

如果是这样，那么目前没有解决方案，因为这就是在移动设备上滚动的工作方式。 scroll 事件仅在滚动结束时触发。只要动量在移动，就会触发内容 no 事件。您可以在 Apple 的“Safari Web 内容指南”中的Figure 6-1 The panning gesture 中看到这一点。