阅读模式:

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

查看:5540  回复: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

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

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
centos7.3安装mongodb3.6   阅读:8190php生成二维码   阅读:7427面试的时候回去等通知,等电话的真实意思   阅读:25113mysql 为什么添加索引可以提高访问速度   阅读:6527javascript点击复制内容   阅读:7514php生成二维码   阅读:7427人性漫画:打工与创业的残酷区别   阅读:5392小米手机端商城rem适配原理   阅读:7178centos 7 安装 nginx-1.11.10   阅读:9103linux top命令详解   阅读:10208程序员找工作三要素(必看)   阅读:6100一步步带你,如何网站架构   阅读:4640phpexcel 超简单从数据库一键导出数据到excel教程   阅读:7828centos7开启交换内存   阅读:11687nginx安装redis模块   阅读:6676centos 7 安装 nginx-1.11.10   阅读:9103centos 7 安装 php-7.1.3   阅读:21311mysql数据一键导出到csv文件   阅读:6211mongodb设置shell开机启动脚本   阅读:11073centos 7 设置 nginx-1.11.10 开机启动   阅读:8511浅谈javascript的函数节流   阅读:5149php压缩页面的html代码一行显示   阅读:8173霍金24岁博士毕业论文在线预览   阅读:6106mysql数据库性能的基本优化   阅读:4878shell发送邮件脚本   阅读:9133封装php redis缓存操作类   阅读:9800人性漫画:打工与创业的残酷区别   阅读:5392centos7开启交换内存   阅读:11687Nginx 配置文件详解   阅读:5389php冒泡排序法   阅读:15201企业让你去面试,可能不是真的招人   阅读:6339php swoole搭建简单的聊天室   阅读:5009面试的时候回去等通知,等电话的真实意思   阅读:25113ajax+php 实现一个简单的在线聊天室功能(附带源码)   阅读:10278php 获取当前前后年、月、星期、日、时分秒的时间   阅读:7302php 统计网页打开耗时和脚本运行内存   阅读:7264php 获取当前前后年、月、星期、日、时分秒的时间   阅读:7302最新centos7 搭建LNMP环境(centos7.2+php7+mysql5.7+nginx1.11+redis3.2)   阅读:11586mysql数据一键导出到csv文件   阅读:6211比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:5793ajax+php 实现一个简单的在线聊天室功能(附带源码)   阅读:10278给 centos 7 安装桌面环境   阅读:17500给 centos 7 安装桌面环境   阅读:17500给php7安装redis扩展库   阅读:8834分享:淘宝技术这十年   阅读:5126centos 7 忘记root密码   阅读:5348session与cookie的区别   阅读:4526爱编程,也爱健康   阅读:4794栈和堆的区别   阅读:5511移动端js触摸touch详解(附带案例源码)   阅读:17657