1***@qq.com
1***@qq.com
  • 发布:2019-04-24 10:46
  • 更新:2019-04-24 10:46
  • 阅读:2438

mui页面内导航栏固定

分类:HTML5+

APP内导航栏跟着界面一起滑动,使用position:fixed 还是没有生效,在更高标签使用position:fixed后浏览器模式能够固定,但是真机模式下,就是整个页面都被固定了.
页面代码:
<body>
<div class="mui-content">
<div id="slider" class="mui-slider">
<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">

                    <a class="mui-control-item mui-active" href="#item1mobile" data-wid="subPage1.html">  
                        BT版  
                    </a>  
                    <a class="mui-control-item" href="#item2mobile" data-wid="boutique.html">  
                        精品  
                    </a>  
                    <a class="mui-control-item" href="#item3mobile">  
                        试玩  
                    </a>  
                    <a class="mui-control-item" href="#item4mobile">  
                        H5  
                    </a>  
                    <a class="mui-control-item" href="#item5mobile">  
                        承诺  
                    </a>  

            </div>  
            ... ...  
          ... ...  
        ... ...  
</div>  

</div>
</body>


css:

sliderSegmentedControl{

width: 60%;//60%  

}

.mui-slider{
width: 100%;
background-color: #fff;
}


要怎么才能固定到哪个导航栏啦,求指点。

2019-04-24 10:46 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复