JQ智能判断固定导航条或侧边栏
topfixed的CSS样式: .topfixed {position:fixed;top:0;left:0;width:100%;z-index:9000;webkit-box-shadow:0px 4px 4px #baacc9;-moz-box-shadow:0px 4px 4px #baacc9;box-shadow: 0px 4px 4px #baacc9;background:#fff; }
JQ代码: <script> $(window).scroll(function(){ if($(this).scrollTop()>220){ $('#nav').addClass('topfixed');} else { $('#nav').removeClass('topfixed'); }}); </script> 说明:当下拉滚动条距离头部220px的时候,就会给#nav这个样式的DIV层添加一个CSS样式topfixed使其固定显示。 上面代码里的220就是下拉滚动条距离头部的距离,如何设置请自己修改,#nav是你需要固定的DIV层CSS样式名。
- 版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《蓝叶》。
- 本文网址:https://lanye.org/web/607.html
- 上篇文章:分享两串美化EMLOG的代码
- 下篇文章:图片站用的一个模板

何乐晨2016-06-25 20:16回复
#9
研究了一天了,还是不会使用,求科普啊。

蓝叶2016-06-28 11:09回复
@何乐晨:请自行百度学习jquery的基础知识。

xinxindejing2016-05-26 13:26回复
#8
手机的话就快速滑动的话要慢半拍才出现,不是很好

云库网2015-11-21 08:57回复
#7
朝夕熊博客 也用到了导航因定在底部,但是如果用手机访问的话就有点小卡顿,要等页面加载完之后,导航才会成开!!!????

蓝叶2015-11-21 16:13回复
@云库网:这个jquery代码是当页面完全加载成功才载入的。

大周世公子2015-01-03 00:36回复
试了一下,很不错,这下我可以让我的侧边栏到底后固定在边上了,
#6



游客2014-10-14 11:09回复
#5
这个在IE6中好像不好使啊

wuxc2014-07-20 20:55回复
#4
能让他居中吗?

Joyc2014-06-17 01:51回复
#3
百度云收藏 的这个是插件吗?


无纯洁2014-05-21 01:13回复
顺手点了狂欢一下,瞬间就不对了。。。
#2


蓝叶2014-05-21 01:15回复
@无纯洁:
吓着了吗


无纯洁2014-05-21 02:11回复
@蓝叶:真的被吓到了。。。效果太赞了


蓝叶2014-05-21 02:12回复
@无纯洁:


炫音博客2014-06-22 14:14
@蓝叶:怎么用啊


霸气2014-05-20 15:40回复
#1
不错,支持一下


蓝叶2014-05-20 15:42回复
@霸气:你真速度。

霸气2014-05-20 15:43回复
@蓝叶:
订阅了,嘿嘿


蓝叶2014-05-20 15:45回复
@霸气:多谢支持,你的站弹窗好多。

霸气2014-05-20 15:45
@蓝叶:不多呀,就一个