jquery js判断鼠标、滚动条上下滚动

2015年07月31日 23:44 by:唠吧小站

一段兼容大多浏览器的,用jquery判断鼠标或滚动条向上或向下滚动的代码

  1. <script type="text/javascript">
  2. var toppos = 0; 
  3. $(window).scroll(function(){
  4.  var scrollTop = $(window).scrollTop();
  5.  if(scrollTop > toppos){
  6.   alert("下"); 
  7.  } else {
  8.   alert("上"); 
  9.  }
  10.  toppos = scrollTop;
  11. });
  12. </script>

jquery插件实现判断滚动的方法用的是scroll事件,唠吧小站测试兼容IE11、火狐、谷歌等浏览器。