如何使用 iScroll 同时滚动 2 个 div

Question

我有 2 个 div 都使用 iScroll。现在我希望两个 div 在其中一个 div 滚动时也滚动。

我希望它们同时滚动

这可能吗？

Answer 1

您可以使用 scrollTo 方法在滚动任何 div 时将第二个 div 滚动到指定位置。它需要三个参数，其中超时是可选的。

scrollTo(x, y, timeout) - 滚动到滚动区域内的任何 x,y 位置。

Answer 2

尝试按如下方式构造 div ：

<div id=wrapper>
 <div id="scroller">
   <div id="div1">
     <div id="child1"></div>
   </div>
   <div id="div2">
     <div id="child2"></div>
   </div>
 </div>
</div>

然后为 #wrapper 定义 iscroll，然后您就可以同时滚动两个 div。这是最简单的方法。

或者您可以尝试获取onScroll 事件。虽然在滚动过程中不可能准确地到达滚动位置，但您仍然可以在 onScrollMove 和 onScrollEnd 上获得 is in。希望这对您有帮助。