阅读模式:

网页滚动固定屏幕顶部效果

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

网页滚动的时候顶部菜单栏固定屏幕顶部jquery效果,当滚动条距离等于菜单栏的高度的时候就把菜单栏挂在固定到屏幕上。

$(window).scroll(function(){
    if($(this).scrollTop()>40){
        $('.header').css({'position':'fixed','z-index':'1000'});
    }else{
        $('.header').css({'position':'static'});
    }
});


分享到:
0 0

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

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
给php7安装redis扩展库   阅读:4556centos 7 安装 samba 服务   阅读:3891centos 7搭建zabbix3.4   阅读:2951php中地址引用&的真正理解-变量引用、函数引用、对象引用   阅读:3579javascript对cookie操作详细代码函数   阅读:3114mysql共享锁和排他锁详解   阅读:4125shell脚本批量删除几天前的文件   阅读:5272最简单的Banner轮播淡入淡出效果代码及实现思路(附带源码)   阅读:9415centos7开启交换内存   阅读:6091javascript获取两个日期间的所有日期   阅读:2582mysql 为什么添加索引可以提高访问速度   阅读:3830centos 7 设置 nginx-1.11.10 开机启动   阅读:5243html5 离线缓存的使用   阅读:2666javascript获取两个日期间的所有日期   阅读:2582shell脚本批量删除几天前的文件   阅读:5272用php从1加到100的值   阅读:5630centos7开启交换内存   阅读:6091给网站添加一键qq登录的功能   阅读:4310比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:3119面试的时候和你谈理想,是理想or入坑?   阅读:5204mysql5.7开启sql日志的配置   阅读:5070php设置cookie为HttpOnly防止XSS攻击   阅读:6943企业让你去面试,可能不是真的招人   阅读:3780linux php7编译安装mongodb扩展   阅读:4436php 获取当前前后年、月、星期、日、时分秒的时间   阅读:3641mysql数据库性能的基本优化   阅读:3005比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:3119php+redis实现消息队列   阅读:6068phpexcel 超简单从数据库一键导出数据到excel教程   阅读:4627linux top命令详解   阅读:4681mysql数据一键导出到csv文件   阅读:3365centos 7 开启网络   阅读:3422php 使用 smtp.php 类在线发送邮件功能   阅读:3593centos 7 安装 php-7.1.3   阅读:12399web项目高并发量网站解决方案   阅读:2803mysql5.7主从同步配置   阅读:851shell脚本破解十位数内的所有纯数字rar加密压缩包脚本   阅读:5523网站性能优化-页面静态缓存   阅读:3617centos7中颁发CA证书并开启web https   阅读:1796centos7中颁发CA证书并开启web https   阅读:1796nginx安装mysql和json模块   阅读:636shell脚本批量删除几天前的文件   阅读:5272霍金24岁博士毕业论文在线预览   阅读:3155linux php7安装yaf扩展   阅读:4444centos 7 忘记root密码   阅读:2880centos 7 开启网络   阅读:3422一键分享到QQ空间、QQ好友、新浪微博、微信代码   阅读:25946面试都会问你为什么你从上一家公司离职的真实意思   阅读:6997最新centos7 搭建LNMP环境(centos7.2+php7+mysql5.7+nginx1.11+redis3.2)   阅读:7238nginx安装redis模块   阅读:645