jquery博客纯css模拟淘宝详细页面底部固定
2012-10-12 00:00
260 查看
jquery博客,前两天有朋友问怎么整顶部固定的?
之前做过底部固定,其实原理一样,把之前代码中的bottom改成top,is ok了。
这个主要是纯css整的,IE9,火狐,谷歌都没什么问题,其他太匆忙,没看。
先把代码放出来
body {margin:0; padding:0 10px 0 10px; border:0; height:100%; overflow:auto;} #menu {right:0; top:0; width:100%; position:fixed; padding:10px; text-align:center; font-weight:bold; background:#ccc;}
* html #menu {position:absolute; right:16px; top:0;}
html {overflow:auto !important; overflow:hidden;}
在线效果代码DEMO
原文地址
jquery特效 http://www.jqueryba.com/387.html
之前做过底部固定,其实原理一样,把之前代码中的bottom改成top,is ok了。
这个主要是纯css整的,IE9,火狐,谷歌都没什么问题,其他太匆忙,没看。
先把代码放出来
body {margin:0; padding:0 10px 0 10px; border:0; height:100%; overflow:auto;} #menu {right:0; top:0; width:100%; position:fixed; padding:10px; text-align:center; font-weight:bold; background:#ccc;}
* html #menu {position:absolute; right:16px; top:0;}
html {overflow:auto !important; overflow:hidden;}
在线效果代码DEMO
原文地址
jquery特效 http://www.jqueryba.com/387.html
相关文章推荐
- jquery博客纯css模拟淘宝详细页面底部固定
- jquery博客纯css模拟淘宝详细页面底部固定
- jquery博客实现底部固定类似人人校内似的
- 用CSS固定DIV层在页面顶部和底部(兼容IE6)
- 利用CSS使footer固定在页面底部的实例代码
- CSS制作始终固定页面底部的DIV
- 通过jQuery来实现页脚永远固定在页面底部的效果
- css将div层固定显示在页面底部不随滚动条滚动
- jquery博客实现底部固定类似人人校内似的
- jQuery&CSS 顶部和底部固定浮动工具栏 兼容IE6
- CSS控制DIV永远固定在页面底部
- 页面元素固定在页面底部的纯css代码(兼容IE6)
- jQuery版固定在页面底部的LI列表滚动公告,可关闭
- div footer标签css实现位于页面底部固定
- 【Web Trick 4】CSS 实现footer固定页面底部
- jQuery&CSS 顶部和底部固定浮动工具栏 兼容IE6 (转)
- css将div层固定显示在页面底部
- jquery博客实现底部固定类似人人校内似的
- 手机wap页面底部固定条(html+css)
- 通过jQuery来实现页脚永远固定在页面底部的效果