请选择 进入手机版 | 继续访问电脑版
开启辅助访问
帐号登录 |立即注册

jquery控制滚动条事件

 
JQuery是一个功能强大的JavaScript库,广泛用于网页开发中。其中,控制滚动条事件是网页开发中经常需要的技术之一。下面介绍如何使用JQuery控制滚动条事件。

$(window).scroll(function(){
var scrollTop = $(this).scrollTop();
if(scrollTop>100){//当滚动条滚动距离大于100px时
$(".myElement").addClass("active");//添加类名active
}else{
$(".myElement").removeClass("active");//移除类名active
}
});

以上代码使用了JQuery的scroll方法,该方法可检测窗口或某个元素的滚动。在回调函数中,使用scrollTop方法获取滚动条滚动距离。当滚动距离大于100px时,给某个元素添加类名active;当滚动距离小于或等于100px时,移除该元素的类名active。

回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。