jquery判断页面滚动条是上滚还是下滚
3个回答
2016-09-10 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
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);
}
调用方法：
scroll(function(direction) { console.log(direction) });
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);
}
调用方法：
scroll(function(direction) { console.log(direction) });
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
网易云信
2023-12-06 广告
很高兴能回答您的问题。以下是一段针对“一对一消息组件”的描述，字数在200字左右：该组件支持用户之间的私密交流，让沟通更加直接和高效。通过它，您可以向特定对象发送消息，并实时查看消息状态，包括对方是否已读或未读。同时，该组件还支持富文本消息...
点击进入详情页
本回答由网易云信提供
展开全部
var top = 0;
$(document).scroll(function(){
if( $('body').scrollTop()>=top ){
console.warn('下');
}else{
console.info('上');
}
top = $('body').scrollTop();
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
改进二楼
//监听滚动条
var top2 = 0;
$(window).scroll(function (event) {
var top = $(document).scrollTop();
$(document).scroll(function () {
if ($('body').scrollTop() >= top2) {
tip("下");
top2 = $('body').scrollTop();
} else {
tip("上");
top2 = top2 - 1;
}
});
});
//监听滚动条
var top2 = 0;
$(window).scroll(function (event) {
var top = $(document).scrollTop();
$(document).scroll(function () {
if ($('body').scrollTop() >= top2) {
tip("下");
top2 = $('body').scrollTop();
} else {
tip("上");
top2 = top2 - 1;
}
});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
