超实用,jq判断滚动方向

在我们的前端切图项目中,不少效果都需要绑定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;

};

});

});

切版- 切图网(qietu.com)旗下psd转html,前端外包的“切图客”团体。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

客服咨询
客服1
客服2
微信公众号