如何用JS做固定在网页中的导航条

JavaScript023

如何用JS做固定在网页中的导航条,第1张

使元素固定在网页中，不需要用到JS的，只需要用到CSS样式就可以了。

使用css 中的   position:fixed fixed是相对于浏览器的定位，设置了这个样式的元素将不会随页面滚动而改变位置，固定在屏幕中。

如 ：

.classname {

position:fixed

left:0

top:0

z-index:9999

}

HTML5怎么把导航固定在底部的步骤如下：

css的定位样式属性来实现；会用到css中的position：fixed属性，结合来实现。

<style>.foot-menu{width:100%height:60pxbackground:#000position:fixedbottom:0/**距离底部为0*/left:0z-index:1}</style><div class="foot-menu">

<!---导航具体内容-->

</div>

拓展资料

css3网页底部固定导航是一款纯css3实现的网页底部固定导航菜单。特性介绍：

1、边框特性

CSS3对网页中的边框进行了一些改进，主要包括支持圆角边框、多层边框、边框色彩与图片等。在CSS3中最常用的一个改进就是圆角边框，通过CSS3的属性可以快速实现圆角定义，同时还可以根据实际情况针对特定角进行圆角定义 。

2、多背景图

CSS3允许使用多个属性(比如background-image、background-repeat、background-size、background-position、background-origin和background-clip等)在一个元素上添加多层背景图片。