音乐吧 - www.52290.com

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2005|回复: 0

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

[复制链接]

1056

主题

1090

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

音乐币
101
贡献
537
金钱
4385
威望
2120
相册
1

推广达人宣传达人突出贡献荣誉管理最佳新人活跃会员

QQ
发表于 2020-11-3 12:56:16 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册

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();        }    });
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|手机版|Archiver|版权声明| 音乐吧 52290 ( 桂ICP备2021006182号 )

GMT+8, 2024-5-5 21:03 , Processed in 0.042426 second(s), 25 queries .

Powered by Discuz! X3.4

© 2001-2023 07726.Com Inc.

快速回复 返回顶部 返回列表