2

というわけで、サイトに情報を表示するポップアップを作ってみましたが、ある程度収まるように固定サイズで作ってみました。これは、スクロールバーがあり、ポップアップをスクロールする必要があることを意味します。これは問題ありません。私の問題は、ポップアップの下部に到達すると、実際のページでスクロールが開始されることです。

私が望むのは、それを無効にすることです。明らかにいくつかの Jquery を使用する必要がありますが、特定の状況でページ全体のスクロールを無効にする方法がわかりません。

ポップアップの Jquery は次のとおりです。

$(document).ready(function(){
    $('button').click(function(){
        $('#example').animate({
            display:'visible',
            opacity:'toggle'
        });
    },
    function(){
        $('#example').animate({
            display:'none',
            opacity:'toggle'
        });
    });
});

関数が機能していなかったtoggleので、倍増しただけで問題なく動作しましclickた。ここにすべての jsfiddle があります: http://jsfiddle.net/gYGgr/1/

では、ポップアップが開いている場合にポップアップではなく、本文のスクロールを無効にするjqueryに何を追加する必要がありますか? ありがとうございました!

4

2 に答える 2

0

最も簡単な方法は、CSS でタグに追加overflow: hiddenすること<body>ですが、余分な部分が隠されるので注意が必要です。ただし、ダイアログが存在する場合にのみ適用できます。

于 2013-05-20T14:41:09.063 に答える
-1

最も簡単なオプションは、box を position: fixed で別の div にラップすることだと思います。私があなたのために働いたjsfiddleを見てください:

Js Fiddle

それが役立つことを願っています。

于 2013-05-20T15:15:45.933 に答える