ntjm.net
当前位置:首页 >> 顶部导航栏固定不动 >>

顶部导航栏固定不动

这个需要用到css的position属性。如下这个示例: 假设导航的class为nav,将其固定在页面顶部可以这样写: .nav{width:100%;height:30px;position:fixed;top:0;left:0;}其中高宽请根据实际情况修改。

.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;}导航

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

用js计算出滚动条的高度(document.body.scrollTop),滚动条到达元素的位置的时候,把元素的position设置为fixed就可以固定。

让其样式为position为fixed

给 div 层 加个属性 position: fixed;top: 0px; 就好了

添加 .navbar-fixed-top 类可以让导航条固定在顶部,还可包含一个 .container 或 .container-fluid 容器,从而让导航条居中,并在两侧添加内补(padding)。 ...

给导航栏最外围的div加样式 position:fixed;就可以了 如果不明白可以参考我的站 www.tianchenhudong.com

两种可能: 1、利用js捕获窗口拖动的距离,并动态赋值给导航菜单的div,使其跟着走。 2、导航菜单是一个frameset框架,所以拖动scroll的时候,frame元素固定在最上层。 3、如果你不懂js,建议使用第2种方法

要想网站的导航固定在一个位置,可以使用css中的绝对定位来解决:position: absolute。然后你想定在哪个地方,可以通过top、left、right、bottom来控制方向。举个定位在顶部的例子: .dh{ position: absolute; top: 0px; z-index:999;}首页关于...

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