切版网（2013~2023）

http://qieban.cn
做完设计，找切版网
QQ:6135833
微信：dingxiangming82

2017年07月4日

超实用，jq判断滚动方向

本文就“超实用，jq判断滚动方向”展开讨论，作者切版网，发布于2017年07月4日 全文共371个字，预计阅读时长1分14秒。

在我们的前端切图项目中，不少效果都需要绑定window的scroll事件来用，比如导航条吸顶效果，或者滚动监听，或者滚动条美化，或者易企秀一样的滑屏效果。

什么是导航吸顶效果？演示：

http://www.qieban.cn/demo/

所以经常要判断滚动的方向是向上还是向下，我经常用这一段，屡试屡爽

$(window).scroll(function(){

var before = $(window).scrollTop();

$(window).scroll(function() {

var after = $(window).scrollTop();

if (before<after) {

console.log(‘上’);

before = after;

};

if (before>after) {

console.log(‘下’);

before = after;

};

});

});

文章为原创或者来自于互联网，转载请注明来源，如果文章有侵权请联系，我们会及时删除。