我在我的项目中使用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。