CSS实现跟随滚动条漂浮层
无意中路过火狐社区发现他们的跟随滚动条漂浮层比自己之前做的要流畅、
自然,好奇下用Firebug对其构造进行分析:
1、刚开始觉得和自己写的原理一样用以下控制浮动层显示位置
view sourceprint?Top:0;
position: absolute;
2、和自己做的对比下发现,火狐社区Top:0始终没有改变过,而我做的Top在随
滚动条变化改变数值。
3、将其CSS和Html代码都贴出,有没JS控制,那就CSS发挥神奇功效,从下一
层层删除没用的CSS语句,一直到删除header样式,漂浮层不再随滚动条滚动,
其中有以下三行代码决定漂浮层跟随
view sourceprint?padding: 10px 0 0;
position: fixed;
width: 300px;
您可能感兴趣的文章:
CSS实现跟随滚动条漂浮层
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
js随机漂浮广告代码示例
基于jquery的浮动层效果代码
jquery实现的提示浮层跟随鼠标移动
基于jquery的跟随屏幕滚动代码
介绍两种css实现固定底部漂浮导航代码
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
js全屏漂浮广告代码 移入光标停止移动