阅读模式:

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

查看:5943  回复:0  类型:  来源:php自学网  标签 javascript

右边小菜单固定屏幕右边,滚动鼠标随着进度条一起滚动从上滑到下面效果

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();
        }
    });


分享到:
0 0

*有问题之处烦请在评论中指出非常感谢!
不是我想要的内容,继续搜索:

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
linux php7安装yaf扩展   阅读:9772封装php redis缓存操作类   阅读:10443javascript点击复制内容   阅读:8170移动端js触摸touch详解(附带案例源码)   阅读:18741centos 7 忘记root密码   阅读:5838centos 7 安装 mysql-5.7   阅读:8899web性能测试工具ab的测试方法   阅读:5502centos 7 设置 nginx-1.11.10 开机启动   阅读:9025php显示刚刚、几分钟前、几小时前、几天前的函数   阅读:9829给php7安装redis扩展库   阅读:9428给网站添加一键qq登录的功能   阅读:8625网站局部小图片优化-base64编码图片   阅读:21432php 获取当前前后年、月、星期、日、时分秒的时间   阅读:7820纯干货,程序员面试的超实用技巧   阅读:5098TCP的三次握手(建立连接)和四次挥手(关闭连接)   阅读:4848mysql5.7主从同步配置   阅读:7862php 读取和设置redis的键值   阅读:8303解决 nginx 413 request entity too large   阅读:5379html5 离线缓存的使用   阅读:5088nginx安装mysql和json模块   阅读:6715mysql数据一键导出到csv文件   阅读:6754人性漫画:打工与创业的残酷区别   阅读:5839nginx安装mysql和json模块   阅读:6715centos 7 安装 nginx-1.11.10   阅读:9592php生成二维码   阅读:7989web性能测试工具ab的测试方法   阅读:5502mysql数据一键导出到csv文件   阅读:6754分享:淘宝技术这十年   阅读:5497最新centos7 搭建LNMP环境(centos7.2+php7+mysql5.7+nginx1.11+redis3.2)   阅读:12175linux命令中执行php脚本   阅读:9455php设置cookie为HttpOnly防止XSS攻击   阅读:14223给网站添加一键qq登录的功能   阅读:8625php设置cookie为HttpOnly防止XSS攻击   阅读:14223霍金24岁博士毕业论文在线预览   阅读:6558javascript点击复制内容   阅读:8170php打印三角形   阅读:12915mysql的四种索引类型   阅读:24473linux top命令详解   阅读:10835php 读取和设置redis的键值   阅读:8303PHP 鸟哥:我也曾经是“不适合”编程的人   阅读:16429php swoole搭建简单的聊天室   阅读:5847nginx安装mysql和json模块   阅读:6715人性漫画:打工与创业的残酷区别   阅读:5839mysql5.7主从同步配置   阅读:7862php+redis实现消息队列   阅读:16999javascript点击复制内容   阅读:8170centos 7 安装 samba 服务   阅读:7841php 统计网页打开耗时和脚本运行内存   阅读:7751javascript获取两个日期间的所有日期   阅读:7853session与cookie的区别   阅读:4897