leah_huang
leah_huang
  • 发布:2015-11-04 17:32
  • 更新:2015-11-05 09:05
  • 阅读:3364

为什么使用了mui-scroll之后scrollTop正常,但是页面不可以滚动;不使用mui-scroll,scrollTop不生效,但是页面可以滚动

分类:MUI
<body>  
        <header class="mui-bar mui-bar-nav">  
            <a class="mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left" style="color: white;">  
                <span class="mui-icon mui-icon-left-nav" style="margin-right: 40px;"></span>  
            </a>  
            <h1 class="mui-title">留言</h1>  
            <hr class="top-line" />  
        </header>  
        <div id="my-content" class="mui-content">  
            <div class="tabbar-feedback-content">  
                <div id="ur_message">  
                    <!--<li class="mui-table-view-cell">  
                        <div style='clear: both;'>  
                            <img id='ur_icon' class='mui-media-object mui-pull-right' src="../../img/icon.png">  
                            <span class='message-user message-right'>回忆专用小马甲家的网红端午</span>  
                            <span id='ur_date' class='message-date message-right'>2015-09-19 19:09:20</span>  
                        </div>  
                        <div style='clear: both;'>  
                            <p id='ur_words' class='message-txt message-right'>data.list[i].content data.list[i].content </p>  
                        </div>  
                    </li>  
                    <li class="mui-table-view-cell">  
                        <div style='clear: both;'>  
                            <img id='ur_icon' class='mui-media-object mui-pull-left' src="../../img/icon.png">  
                            <span class='message-user message-left'>回忆专用小马甲家的网红端午</span>  
                            <span id='ur_date' class='message-date message-left'>2015-09-19 19:09:20</span>  
                        </div>  
                        <div style='clear: both;'>  
                            <p id='ur_words' class='message-txt message-left'>nihao</p>  
                        </div>  
                    </li>-->  
                </div>  
                <p style="height: 40px;"></p>  
            </div>  
        </div>  
        <div id='sound-alert' class="rprogress" style="z-index: 1;">  
            <div class="rschedule"></div>  
            <div class="r-sigh">!</div>  
            <div id="audio_tips" class="rsalert">手指上滑,取消发送</div>  
        </div>  
        <footer style="z-index: 1;">  
            <div class="footer-left">  
                <i id='msg-image' class="mui-icon mui-icon-camera" style="font-size: 28px;"></i>  
            </div>  
            <div class="footer-center">  
                <textarea id='msg-text' type="text" class='input-text'></textarea>  
                <button id='msg-sound' type="button" class='input-sound' style="display: none;">按住说话</button>  
            </div>  
            <label for="" class="footer-right">  
                <i id='msg-type' class="mui-icon mui-icon-mic"></i>  
            </label>  
        </footer>  

    </body>
window.addEventListener('resize', function() {  
                    ui.content.scrollTop = ui.content.scrollHeight + ui.content.offsetHeight;  
                }, false);
2015-11-04 17:32 负责人:无 分享
已邀请:
chender

chender - 与人为善

用document.body.scrollTop代替scrollTop试试

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