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');
}
}