bgcd.net
当前位置:首页 >> html5做网页 导航栏静止在上面不动,但是下面内容会... >>

html5做网页 导航栏静止在上面不动,但是下面内容会...

建议导航栏使用固定定位,position:fixed,或者就默认的static

.content { width:960px; height:2024px; border:1px solid #000; margin:0 auto;}.nav { width:100%; height:30px; margin:0 auto; background:#f00; position:fixed; bottom:0; text-align:center;}导航

需要知道导航固定在底部是定位实现的; 结合所学的css的定位样式属性来实现; 会用到css中的position:fixed;属性,结合来实现。 .foot-menu{width:100%;height:60px;background:#000;position:fixed;bottom:0;/**距离底部为0*/left:0;z-index:1;}

思路不对,解决办法不是在t1上,而是在t2上,给t2添加一个css,margin-top:50px;即就是你t1的高度

如果不是页面切换的话,滚动的位置是不发生变化的应该

用js在input的focus状态下隐藏footer $("input").foucus(function(){$(".footer").hide();});以上是jq代码,自己按需修改

你底部用的一定是fixed定位吧...你可以再文本框获取焦点事件的时候把底部导航隐藏或者改成absolute

建议使用FF,Safari,举个例子: HTML5+CSS3+JavaScript body { behavior: url(ie-css3.htc); } * {margin:0 auto;padding:0;} body {font-size:13px;font-family:Arial;} ul li {list-style:none;} #menu { width:982px; height:35px; margin-t...

你给li标签定宽了,文字显示不完整自动就会换行呀!

神马叫做固定header?

网站首页 | 网站地图
All rights reserved Powered by www.bgcd.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com