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。

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

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

1 个答案: