私のページには、マウスの中央のスクロール ホイールを使用して操作するフラッシュ要素があります。ページが長いです。そのため、マウス ホイールでスクロールすると、Flash 要素とやり取りし、ブラウザ ウィンドウをスクロールします。
Flash 要素がアクティブなときにブラウザのスクロールを無効にする方法はありますか?
私のページには、マウスの中央のスクロール ホイールを使用して操作するフラッシュ要素があります。ページが長いです。そのため、マウス ホイールでスクロールすると、Flash 要素とやり取りし、ブラウザ ウィンドウをスクロールします。
Flash 要素がアクティブなときにブラウザのスクロールを無効にする方法はありますか?
<!-- disables browser mouse scrolling -->
<script type="text/javascript">
if(window.addEventListener){
window.addEventListener('DOMMouseScroll',wheel,false);
}
function wheel(event)
{
event.preventDefault();
event.returnValue=false;
}
window.onmousewheel=document.onmousewheel=wheel;
</script>
ここにある Flash MouseWheelTrap からこの関数を「抽出」しました: http://code.google.com/p/mousewheeltrap/
以下を使用できます。
document.body.style.overflow=allowScroll?"":"hidden";
allowScroll はブール値です。
SWFWheel: http://www.libspark.org/wiki/SWFWheel/en