|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?注册
x
右边小菜单固定屏幕右边,滚动鼠标随着进度条一起滚动从上滑到下面效果
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(); } }); |
|