同样的两个mui的界面 ID为dayShare的可以上下滑动;ID为weekShare却不能上下滑动,是什么原因

发布于 2022-09-02 10:53:52 字数 2962 浏览 14 评论 0

<div id="dayShare" class="mui-slider-item mui-control-content mui-active">
    <div id="scroll_view" class="mui-scroll-wrapper" style="top:44px">
        <div class="mui-scroll">
            <div id="emptyDiv" class="reportLineDiv" style="display: none;">暂无数据</div>
            <div class="lineDiv">
                <div id="forward_title" class="titleDiv"></div>
                <div id="line_day_share_forward" class="reportLineDiv"></div>
            </div>
            <div class="lineDiv">
                <div id="read_title" class="titleDiv"></div>
                <div id="line_day_share_read" class="reportLineDiv"></div>
            </div>
            <div class="lineDiv">
                <div id="postRead_title" class="titleDiv"></div>
                <div id="line_day_share_postRead" class="reportLineDiv"></div>
            </div>
            <div class="lineDiv">
                <div id="download_title" class="titleDiv"></div>
                <div id="line_day_click_download" class="reportLineDiv"></div>
            </div>
        </div>
    </div>
</div>

ID为dayShare的可以上下滑动;ID为weekShare却不能上下滑动

<div id="weekShare" class="mui-slider-item mui-control-content">
    <div id="scroll_view" class="mui-scroll-wrapper" style="top:44px;">
        <div id="mui-scroll">
            <div id="emptyDiv" class="reportLineDiv" style="display: none;">暂无数据</div>
            <div class="lineDiv">
                <div id="w_forward_title" class="titleDiv"></div>
                <div id="line_week_share_forward" class="reportLineDiv"></div>
            </div>
            <div class="lineDiv">
                <div id="w_read_title" class="titleDiv"></div>
                <div id="line_week_share_read" class="reportLineDiv"></div>
            </div>
            <div class="lineDiv">
                <div id="w_postRead_title" class="titleDiv"></div>
                <div id="line_week_share_postRead" class="reportLineDiv"></div>
            </div>
            <div class="lineDiv">
                <div id="w_download_title" class="titleDiv"></div>
                <div id="line_week_click_download" class="reportLineDiv"></div>
            </div>
        </div>
    </div>
</div>

这两个DIV是同一个页面,效果如图所示,只有日分享可以上下滑动,周分享与月分享都不能上下滑动:
图片描述

<script type="text/javascript">
    mui.init();
    mui('.mui-scroll-wrapper').scroll();
</script>

抱大腿啦,请问这是什么原因?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

行雁书 2022-09-09 10:53:53

找到原因了:mui-scroll应该是class,而非ID。
错误原因是,我的周分享与月分享都是这样写的:<div id="mui-scroll">
改正代码:<div class="mui-scroll">

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文