如何让光滑的网格与 iscroll 一起使用

Question

我正在尝试让 iscroll 与光滑的网格一起使用，以便网格 div 可以在 iPhone / iPad 上滚动。我尝试在 div 元素上添加滚动，即： myScroll = new iScroll('myGrid');但这是行不通的。

根据示例，iscroll 期望 div 类似于：

<div id="myGrid">
<ul id="thelist">
<li>row 1</li>
<li>row 2</li>
<li>row 3</li>
</ul>
</div>

有什么想法吗？

谢谢。

Answer 1

以下清单可能有助于

1. 首先检查“哎呀”错误。您包含 iscroll.js 吗？ var myScroll 真的是全局变量而不是局部变量吗？
2. 确保“theList”或“myGrid”元素上的任何 CSS 不会阻止 iScroll。考虑在这些元素上禁用 CSS 以进行测试。
3. 请记住，iScroll 仅滚动包装器“myGrid”下方的第一个子元素。因此，如果“myGrid”下面有更多子项，您可能不会得到您所期望的结果。
4. 许多开发人员使用 DIV 作为包装器下方的子级，并在该 DIV 中放置一个列表元素 UL。你的代码应该可以工作，我测试过它，但你可能需要考虑一个额外的 DIV。