というわけで、サイトに情報を表示するポップアップを作ってみましたが、ある程度収まるように固定サイズで作ってみました。これは、スクロールバーがあり、ポップアップをスクロールする必要があることを意味します。これは問題ありません。私の問題は、ポップアップの下部に到達すると、実際のページでスクロールが開始されることです。
私が望むのは、それを無効にすることです。明らかにいくつかの 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に何を追加する必要がありますか? ありがとうございました!