向上滚动或向下滚动的JavaScript事件

当DIV图层的滚动条被手动滚动或向下滚动时，是否可以编写JavaScript来执行操作？向上滚动或向下滚动的JavaScript事件

如果是这样，请给我一个提示，以实现一个简单的警告框，说你滚动和你向下滚动。

2011-12-09 Mad coder.

这会帮助你：http://www.adomas.org/javascript -mouse-wheel/ –

你可以简单的使用onscroll事件的Java脚本。

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事件

回答

相关问题