JQuery/PHP
jQuery实现滚动到某个位置添加class，滚回某个位置移除class的效果
PetitQ
收藏
当页面滚动到一个 div 后，通过 js 给这个 div 添加个新的 class。然后当页面从下滚回这个 div 后，移除上一步添加的这个 class。
可以看到动图的中间部分，菜单在向下滚动到一定位置后悬浮在了页顶。
同时反过来，当向上移动网页时，到一定位置，顶部悬浮的这个菜单会隐藏，这边就不截图了。
也想出现在这里？联系我们吧
废话不多说，直接上代码：
/*首页中部菜单浮动*/$(document).ready(function(){
var wh=$(window).height();
hw=$('.index_cont .main_cont .nav').height();
$(window).scroll(function(){
var s=wh-$(window).scrollTop();
if(s<hw){
$('.index_cont .main_cont .nav').addClass('fixed');}
else{
$('.index_cont .main_cont .nav').removeClass('fixed');
}});
});
其中 css 样式要自己添加。这段代码不是很规整，而且位置貌似是有点问题的。但是基本上实现了我想要的功能。所以记录下来，以备参考。
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
