jquery - 在移动浏览器中滚动后修复 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事件仅在滚动结束时触发。只要动量在移动内容，就不会触发任何事件。您可以在图 6-1 Apple 的“ Safari Web 内容指南”中的平移手势中看到这一点。