スクロールアップまたはスクロールダウンのJavaScriptイベント

DIVレイヤーのスクロールバーを手動でスクロールアップまたはスクロールダウンしたときにアクションを実行するJavaScriptを記述できますか？スクロールアップまたはスクロールダウンのJavaScriptイベント

もしそうなら、スクロールアップしてスクロールしたという警告ボックスを実装するヒントを教えてください。

2011-12-09 Mad coder.

これはあなたを助ける必要があります。http://www.adomas.org/javascript -mouse-wheel/ –

Javaスクリプトのonscrollイベントを簡単に使用できます。

OnScrollイベントリファレンス：ここhttp://www.w3schools.com/jquery/event_scroll.asp

は

<head> 
    <script type="text/javascript"> 
     function OnScrollDiv (div) { 
      var info = document.getElementById ("info"); 
      info.innerHTML = "Horizontal: " + div.scrollLeft 
          + "px<br/>Vertical: " + div.scrollTop + "px"; 
     } 
    </script> 
</head> 
<body> 
    <div style="width:200px;height:200px; overflow:auto;" onscroll="OnScrollDiv (this)"> 
     Please scroll this field! 
     <div style="height:300px; width:2000px; background-color:#a08080;"></div> 
     Please scroll this field! 
     <div style="height:300px; width:2000px; background-color:#a08080;"></div> 
     Please scroll this field! 
    </div> 
    <br /><br /> 
    Current scroll amounts: 
    <div id="info"></div> 
</body>

がここにコピー作業、例です：http://jsbin.com/iledat/2/edit

出典

2011-12-09 13:16:39 Sreekumar

-3

お試しjquery scroll event

$('div').scroll(function(){alert('scrolled!')})

出典

2011-12-09 13:13:56 Litek

これはあなたが上がったか下がったかを教えてくれません。 – jabclab

'-1'の場合、この質問にjQueryはタグ付けされていません。 –

スクロールアップまたはスクロールダウンのJavaScriptイベント

答えて

関連する問題