h5滚动页面固定导航（h5左右滑动切换页面）

本文目录一览：

• 1、HTML5如何才能让导航栏固定顶部不动，且！且！且！不遮挡住下面的DIV？？？
• 2、HTML5怎么把导航固定在底部？是只滑动内容，导航固定不动的。
• 3、请大神帮忙，我的是h5页面，如何当页面滚到一定位置时候，导航收缩成侧边导航，并且跟随页面滚动。

HTML5如何才能让导航栏固定顶部不动，且！且！且！不遮挡住下面的DIV？？？

HTML5让导航栏固定顶部不动且不遮挡住下面的DIV方法如下：

1，首先在html中，添加良好的导航内容。

2，后者是网页的具体内容，这里的代码比较简单。

3，在样式中，首先在菜单中定义一些样式。

4，此时，在运行页面时，滚动条滚动后导航将消失。

5，为了将导航栏固定在顶部，可以添加样式位置：固定；最高：0;在导航容器中，键是第一个样式，因此其位置是固定的。

6，此时，页面开始运行，页面向上滚动，并且导航始终在顶部。

HTML5怎么把导航固定在底部？是只滑动内容，导航固定不动的。

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

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

style.foot-menu{width:100%;height:60px;background:#000;position:fixed;bottom:0;/**距离底部为0*/left:0;z-index:1;}/stylediv class="bf98-a7a3-1b72-dcce foot-menu"

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

/div

拓展资料

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

1、边框特性

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

2、多背景图

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

请大神帮忙，我的是h5页面，如何当页面滚到一定位置时候，导航收缩成侧边导航，并且跟随页面滚动。

把置顶的那个操作变成侧边栏不会吗？如果可以做到置顶的话，应该可以做出来侧边栏吧，或者直接做一个侧边栏先隐藏，然后做一个操作：下滚动距离超过500的时候把侧边栏显示，然后把置顶的那个隐藏