详细问题描述
[内容]
首页是一个tab页面,可以下拉式刷新,悬浮了一个新增按钮,使用position:fixed位置存放,启动时子页面tab页面加载完就覆盖了父页面的这个按钮,期待此按钮一直悬浮在页面上~
重现步骤
[步骤]
[结果]
[期望]
运行环境
[系统版本]
[浏览器版本]
[IDE版本]
[mui版本]
附件
[代码片段]
css:
.add-bill-btn{
position: fixed;
right: 15px;
bottom: 80px;
display: block;
width: 32px;
height:32px;
z-index: 9999;
background-color: #ef6f7a;
border-radius: 23px;
border: 1px solid #ef6f7a;
color: white;
text-align: center;
/cursor: move;/
}
.add-bill-btn span{
font-size: 30px;
line-height: 30px;
}
页面:
<a href="#" class="add-bill-btn" >
<span >+</span>
</a>
<div id="slider" class="mui-slider">
<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" id="segmented" style="background-color: white;">
<div class="mui-scroll">
<a class="mui-control-item mui-active pdl-12 pdr-12" href="#item1mobile" data-wid="waybill_subpage1.html">
待接单
</a>
<a class="mui-control-item pdl-12 pdr-12" href="#item2mobile" data-wid="waybill_subpage2.html">
待发货
</a>
<a class="mui-control-item pdl-12 pdr-12" href="#item3mobile" data-wid="waybill_subpage3.html">
在途中
</a>
<a class="mui-control-item pdl-12 pdr-12" href="#item4mobile" data-wid="waybill_subpage4.html">
已送达
</a>
<a class="mui-control-item pdl-12 pdr-12" href="#item5mobile" data-wid="waybill_subpage5.html">
异常
</a>
</div>
</div>
</div>
<div class="mui-content">
</div>
[安装包]
联系方式
[QQ]243042162
[电话]
0 个回复