admin 发表于 2020-11-3 12:56:16

鼠标滚动按钮浮动下滑动画效果

右边小菜单固定屏幕右边,滚动鼠标随着进度条一起滚动从上滑到下面效果
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]
查看完整版本: 鼠标滚动按钮浮动下滑动画效果