2011-08-03 7 views
0

は、私は、ユーザーがリンクをクリック延滞ダイアログウィンドウを持ってphp/html/javascriptでマウスのスクロールをロック/アンロックする方法は?私のプロジェクトで

<a href="javascript:;" onclick="flashnotice()" >Dialog window</a>

その後ウィンドウが、それはjavascript関数flashnotice()を実行し、この機能では、私は、マウスのスクロールをブロックする必要がある、と表示され、ユーザーはこれを閉じると、マウスのスクロール・リリースでは、jqueryでこのイメージを聞いて、クリックするとマウス・スクロールを解除する新しいjavascript関数が実行されます。

答えて

1

実際にスクロールをロックすることはできません。CSS固定/アブソリュートpositioning featureを使用してエレメントの位置を固定することができます。

2

style="overflow:hidden"bodyタグに設定すると、ボックスが表示されます。マウススクロールをロックするか、ボックスにposition:fixedを使用します。

ページをフリーズする最も良い方法は、ページとボックスの間に透明または半透明のボックス(100%幅、100%高さ)を作成し、ボックスにposition:fixedを設定することです。これがLightbox/Fancyboxの仕組みです。

1

私はそれはのようなスクリプトを使用して可能であることを考える:

function kill(event) 
{ 
    event.preventDefault(); 
    event.stopPropagation(); 
    return false; 
} 
$(document).bind('scroll', kill); // Lock Wheel 
$(document).unbind('scroll'); // Unlock Wheel 
関連する問題