js单纯判断滚动条方向

转载 2017年04月25日 17:58:11
Js代码  
function scroll( fn ) {  
    var beforeScrollTop = document.body.scrollTop,  
        fn = fn || function() {};  
    window.addEventListener("scroll", function() {  
        var afterScrollTop = document.body.scrollTop,  
            delta = afterScrollTop - beforeScrollTop;  
        if( delta === 0 ) return false;  
        fn( delta > 0 ? "down" : "up" );  
        beforeScrollTop = afterScrollTop;  
    }, false);  
}  
 
 
调用方法:
Js代码  
  1. scroll(function(direction) { console.log(direction) });  

jquery(js)判断页面滚动条(scroll)是向上滚还是向下滚方向判断

webtouch(webapp)页面,防苹果手机safari浏览器,网上滑动,底部导航消失,滑动到底部又出现。向下滑动,底部导航出现。遇到问题1、我一... webtouch(webapp)...
  • yuwq123
  • yuwq123
  • 2016年10月21日 10:48
  • 7989

判断滚轮滚动方向

var scrollDir = "down"; var scrollFunc = function (e) {   e = e || window.event;   if (e.wheelD...
  • kataerdeshui
  • kataerdeshui
  • 2014年08月26日 11:29
  • 1992

js判断鼠标滚动放下,向上滚还是向下滚?

js判断鼠标滚动放下,向上滚还是向下滚? demo: var scrollFunc = function (e) { e = e || window.even...
  • kongjiea
  • kongjiea
  • 2014年01月20日 16:23
  • 18036

js判断滚动条滚动方向

function scrollToEle(eleNum) { var ele = 'subject-' + eleNum; var prevS = window.pag...
  • hncsl
  • hncsl
  • 2017年05月15日 16:31
  • 446

js单纯判断滚动条方向

Js代码   function scroll( fn ) {       var beforeScrollTop = document.body.scrollTop,           fn ...
  • lz305263
  • lz305263
  • 2017年04月25日 17:58
  • 385

js单纯判断滚动条方向

Js代码   function scroll( fn ) {       var beforeScrollTop = document.body.scrollTop,           fn ...
  • lz305263
  • lz305263
  • 2017年04月25日 17:58
  • 385

判断滚动条的滚动方向

滚动条事件是js事件中一 个很普遍的事件,如通常网站见到的返回到顶部,还有一些网站侧边栏跟随滚动条的侧边栏,这些都是一个 前端工程师必知的常识,下面我带大家简要的说说滚动条事件的一些基础知识,并顺带给...
  • hellenicguo
  • hellenicguo
  • 2014年12月22日 13:45
  • 1053

学习--jquery 记录 使用js判断滚轮滚动方向

从网上 收集到的资料 自己整理一下
  • u011380927
  • u011380927
  • 2015年11月29日 14:02
  • 1036

js判断滚动条滚动方向

//第一种写法 var a; function scroll( fn ) { var beforeScrollTop =...
  • bluesky1215
  • bluesky1215
  • 2017年09月18日 14:33
  • 230

JS+CSS控制图片滚动方向

http://www.w3.org/1999/xhtml">css+js控制图片展示body{  padding: 0px;  margin: 0px;  font: 70% verdana, gen...
  • panqingbiao
  • panqingbiao
  • 2007年08月17日 17:05
  • 1090
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js单纯判断滚动条方向
举报原因:
原因补充:

(最多只允许输入30个字)