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等)在一个元素上添加多层背景图片。
底部固定导航栏是小程序非常普遍的一个功能,微信也很贴心,直接给我们封装好了,我们直接调用就好了。
现在我们开始实现,我们按照小程序的开发文档上面来就好了:
按照规则配置好app.json文件,功能就能顺利实现。
值得注意的就是,这个配置一定要放置到页面注册后面,不然会报错,因为导航栏是在加载好的页面中去自动生成的。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)