ページのスクロール中に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");
}
}
回答:
回答№1は0私が想定し fixDiv()
常に使用して解雇されます scroll
-event。
もしそうなら、今のところ解決策はありません。モバイルデバイスでのスクロールがどのように機能するのかということです。 scroll
イベントが発生するのは、スクロールが終了したときだけです。勢いが内容を動かしている限り いいえ イベントはまったく発生しません。あなたはこれを見ることができます 図6-1パン操作のジェスチャ アップル "s"でSafari Webコンテンツガイド"