右边小菜单固定屏幕右边,滚动鼠标随着进度条一起滚动从上滑到下面效果。
var sh,wh3,nowlocal; $(window).scroll(function(){ //鼠标滚动的时候获取滚动条的距离页面底部的距离 sh = $(window).scrollTop(); //获取屏幕高度的三分一 wh3 = $(window).height()/3; //滚动条的高度+屏幕上边三分之一的距离=当前的div一直在屏幕距离窗口上边的位置 nowlocal = sh + wh3; //设置距离,滚动时会有先上去再下来到原来位置的效果 $('.rbar').animate({top:nowlocal},50); if(sh>500){ $('.rbar ul').fadeIn(); }else{ $('.rbar ul').fadeOut(); } });
温馨提示:
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:duhaomu@163.com,我们将第一时间处理!
2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。
3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读网站声明。
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:duhaomu@163.com,我们将第一时间处理!
2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。
3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读网站声明。