判断滚动条的滚动方向

滚动条事件是js事件中一 个很普遍的事件,如通常网站见到的返回到顶部,还有一些网站侧边栏跟随滚动条的侧边栏,这些都是一个 前端工程师必知的常识,下面我带大家简要的说说滚动条事件的一些基础知识,并顺带给大家一个需要用到的滚动条特效–判断滚动条的滚动方向

一.获取滚动条的高度

var  oScrollTop=document.documentElement.scrollTop//w3c标准

var oScrollTop=document.body.scrollTop//非w3c标准

所以兼容处理后得 var  oScrollTop=document.documentElement.scrollTop||document.body.scrollTop;

二.事件写法

window.οnscrοll=function(){}

三.判断滚动条的滚动方向

var sign = 10;//定义默认的向上滚与向下滚的边界
window.onscroll = window.onresize = function(){
var  oScrollTop=document.documentElement.scrollTop||document.body.scrollTop;
if ( oScrollTop > sign) {
sign =  oScrollTop;//更新scrollTop
document.title=”向下”+ oScrollTop;
}
if ( oScrollTop< sign) {
sign =  oScrollTop//更新scrollTop
document.title=”向上”+ oScrollTop;
}
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值