SmileLiber
SmileLiber
  • 发布:2018-10-10 10:12
  • 更新:2018-10-10 12:41
  • 阅读:1452

在mui-scroll 下 使用 scrollTo 跳转无效

分类:MUI

在mui-scroll 下 使用 scrollTo 跳转指定位置无效,现象为整个div层向下跳动一次又回到顶端,不会跳转到指定位置,如截图:


<!DOCTYPE html>  
<html>  

    <head>  
        <meta charset="utf-8">  
        <title>Hello MUI</title>  
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">  
        <meta name="apple-mobile-web-app-capable" content="yes">  
        <meta name="apple-mobile-web-app-status-bar-style" content="black">  

        <link rel="stylesheet" href="css/mui.min.css">  
        <style type="text/css">  
            .mui-content>.mui-table-view:first-child {  
                margin-top: -1px;  
            }  
        </style>  
    </head>  

    <body>  

        <div class="hot-new-top-title">  
            <div id="miao_HotComment" class="hot-new-type activity">点我跳转</div>  
        </div>  
        <div id="scroll1" class="mui-content mui-scroll-wrapper" style="margin-top: 40px;">  
            <div class="mui-scroll">  
                <!--数据列表-->  
                <ul class="mui-table-view mui-table-view-chevron">  
                    <li class="mui-table-view-cell">1</li>  
                    <li class="mui-table-view-cell">2</li>  
                    <li class="mui-table-view-cell">3</li>  
                    <li class="mui-table-view-cell">4</li>  
                    <li class="mui-table-view-cell">5</li>  
                    <li class="mui-table-view-cell">6</li>  
                    <li class="mui-table-view-cell">7</li>  
                    <li class="mui-table-view-cell">8</li>  
                    <li class="mui-table-view-cell">9</li>  
                    <li class="mui-table-view-cell">10</li>  
                    <li class="mui-table-view-cell" id="li_miao_HotComment">  
                        你跳到这里了噢  
                    </li>  
                    <li class="mui-table-view-cell">11</li>  
                    <li class="mui-table-view-cell">12</li>  
                    <li class="mui-table-view-cell">13</li>  
                    <li class="mui-table-view-cell">14</li>  
                    <li class="mui-table-view-cell">15</li>  
                    <li class="mui-table-view-cell">16</li>  
                    <li class="mui-table-view-cell">17</li>  
                    <li class="mui-table-view-cell">18</li>  
                    <li class="mui-table-view-cell">19</li>  
                    <li class="mui-table-view-cell">20</li>  
                </ul>  
            </div>  
        </div>  
        <script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>  
        <script>  
            mui('.hot-new-top-title').on('tap', '.hot-new-type', function() {  

                var mao_offset_top = document.getElementById('li_miao_HotComment').offsetTop;  

                console.error(mao_offset_top);  
                mui("#scroll1").scroll().scrollTo(0,mao_offset_top,100);  
            });  
        </script>  
    </body>  

</html>
2018-10-10 10:12 负责人:无 分享
已邀请:
SmileLiber

SmileLiber (作者)

没人遇到这样的问题嘛?

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