在线咨询
微信咨询
服务热线
服务热线:15639912513
TOP
当前位置:
首页 > 新闻中心> 前端设计>实现网页导航栏随着网页滚动下滑

实现网页导航栏随着网页滚动下滑

发布时间:2019-08-20 浏览:4358次

在给客户制作高端网站定制的时候,遇到网页导航栏随着网页滚动下滑的问题。以下是处理方法:

实现方法不需要js,只需要css样式即可。

.box{

    position: relative;

    width: 100%;

    z-index: 999; background-color: #000000;

}

.box-active{

    position: fixed;

    top: 0;

}

其中最关键的样式方法是这三句:

   position: relative;

    position: fixed;

    top: 0;

经过测试,在制作郑州微信小程序定制开发的时候,遇到网页导航栏随着网页滚动下滑的问题。同样也是采取这个方法:

    position: fixed;

    top: 0;


TAG
4358
该内容对我有帮助