0

テスト Web サイトの 1 つで、ナビゲーション用の Simple Drawer Side Menu を試しています。http://iamaaron.com/alpha/のリンクがあります。

メニューをクリックすると、予想どおり、他のすべてが右に押し出されます... しかし、タッチベースのデバイスでメニューを開くと、右にスクロールして残りのコンテンツを表示することができます。サイド メニューが開いているときに、残りのページ (サイド メニューを除く) のスクロールを無効にするにはどうすればよいですか?

jQuery コード:

    jQuery('#simple-menu').toggleClick(function() {
        jQuery("body").addClass("active");
        jQuery(aPanel).addClass("active");
    }, function() {
        jQuery("body").removeClass("active");
        jQuery(aPanel).removeClass("active");
    });

編集：

Overflow: Hidden; を適用しました。ページ要素に移動しますが、要素は y 軸と x 軸の両方でスクロール可能です。私が本当に求めているのは、jQuery のスクロールを無効にする方法だと思います。

どうもありがとう！

4

2 に答える 2

1 
html {
    overflow: hidden;
}
于 2013-06-27T14:12:41.283 に答える
1

aPanel でスクロール イベントをキャンセルできます。

$(aPanel).on('scroll', function (event) {
    if ($(aPanel).hasClass('active')) {
        return false;
    }
});
于 2013-06-27T14:02:15.473 に答える