简单几句代码jq实现div固定漂浮
2020.03.14 01:00 阅读次数: 出自:鸡米饭 作者:绝歌一首
如果不是为了大型项目,个人站长自己做前端,不建议引用太复杂的框架,比如bootstrap
因为小网站页面少,用到的模块不多,也不追求协同操作或扩展,很多小网站做一次模板用十年,
所以用前端框架大部分都是在浪费资源,影响网站加载。
比如,大部分网站可能只用到一些简单的动态效果
比如流行的固定飘浮导航,只要以下这几句代码即可
var elm2 = $('#map2');//导航窗口id var startPos2 = $(elm2).offset().top; $.event.add(window, "scroll", function() { var p = $(window).scrollTop(); $(elm2).css('position',((p) > startPos2) ? 'fixed' : 'static'); $(elm2).css('top',((p) > startPos2) ? '88px' : '');//这里设置飘浮后窗口与顶部的距离 $(elm2).css('top',((p) > startPos2) ? '88px' : '');//这里设置飘浮后窗口与左边界的距离,就是靠右或靠左,如果想保持原来的X座标,就删除本行
这个简单代码就能实现顶部导航漂浮固定,在线客服飘浮固定,还有社交分享按钮飘浮固定
站长推荐
- 第一章 求助
- 测试是否有缩略图
- 利用coreldraw的vba功能开发font字库
- 《少年末日》因为题材和近期形势有冲
- 孩子们在家上网课上久了,发现没老师
- 出售《鸡米饭》本站整站程序
- 给网页增加二维码地址实现移动端访问
- 介绍一下akcms强大的站群功能
- 图片热点功能很古老,是html中非常实
- 给akcms的标签增加一个广告调用参数
[鸡米饭] [博客程序] [作家博客程序] [鄙人写的末世灾难小说连载] [少年末日] [起点] [末日小说] [akcms] [免费站群程序] [灵活高效的cms] [phpqrcode] [二维码生成] [武汉] [网课] [网络教育] [coreldraw] [fontcreator] [字体开发] [英语学习方法] [赖世熊英语] [代码高亮] [akcms插件] [ueditor] [小说] [测试] [博客] [硕思闪客精灵破解版] [flash转h5] [Kimmy] [绝歌一首] [立体声混音] [注册表] [h61主板声卡] [少年末日官网] [林欣依] [html] [图片热点] [jq] [窗口飘浮] [顶部导航飘浮] [字体设计] [开州网] [火车迷] [安逸网] [嗨代购] [闽ICP备11007790号-5]