Iscroll 4 - 如何基于某些ID滚动到特定元素?

时间:2014-01-15 13:10:29

标签: iscroll iscroll4

我在我的项目中使用iScroll Lite base on iScroll v4.1.6,这个滚动工作得很好。我的iscroll结构如下:

<article id="contentWrapper">
    <div id="contentScroller">
           <table cellpadding="0" cellspacing="0" width="100%">
                    <TBODY>
                        <tr class="datatable_row" id="1">
                              <td width="10%">13/02/2013</td>
                     <td class="narration" width="28%">Chq paid</td>
                </tr>
                        <tr class="datatable_row" id="2">
                               <td>16/02/2013</td>
                    <td class="narration">Chq paid</td>
                 </tr>
                   </TBODY>
          </table>
    </div>
</article>  

以下是适用于Iscroll的Javascript代码:

var scrollContent;

function loaded() {
    scrollContent = new iScroll('contentWrapper');

}

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

document.addEventListener('DOMContentLoaded', loaded, false);  

现在你可以看到我的表中有很多<tr>个元素正在动态地拥有一个id。现在假设我要滚动到ID为{7}的<tr>。我怎样才能做到这一点?

我尝试了以下操作,但它无效:

scrollContent.scrollToElement("#7", "1s");   

在控制台中给出错误,即:

Uncaught SyntaxError: Failed to execute query: '#7' is not a valid selector.

请告诉我如何使用Iscroll滚动到特定ID。

0 个答案:

没有答案