详细问题描述
滚动到最后一个的子项时,位置始终不对,所有的横向滚动都是这个。
代码:
<!--健康视野-->
<style>
.jksy_index_box {
margin: 0.5em auto 0;
width: calc(100% - 2em);
}
</style>
<div>
<div class="jksy_index_box">
<div class="title_box w_box w_btwn">
<div class="title_box_1">
<span>健康视野</span>
</div>
<div class="title_box_2">
<span>
<span>更多资讯</span>
<i class="iconfont icon-jiantou-right"></i>
</span>
</div>
</div>
</div>
<div style="position: relative;position: relative;width: 100%;height: 30vh;">
<div id="jksy_slider" class="mui-slider mui-fullscreen">
<!--顶部横滚动导航-->
<div id="jksy_sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<div class="">
<a class="mui-control-item mui-active" href="#jksy_item1mobile">
公司新闻
</a>
<a class="mui-control-item" href="#jksy_item2mobile">
行业新闻
</a>
<a class="mui-control-item" href="#jksy_item3mobile">
养生新闻
</a>
</div>
</div>
<div class="mui-slider-group">
<div id="jksy_item1mobile" class="mui-slider-item mui-control-content mui-active">
1
</div>
<div id="jksy_item2mobile" class="mui-slider-item mui-control-content">
2
</div>
<div id="jksy_item3mobile" class="mui-slider-item mui-control-content">
3
</div>
</div>
</div>
</div>
</div>
<!--健康视野 结束-->
IDE运行环境说明
HBuilderX
Mui v3.7.0
联系方式
356151530