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

Question

我有 2 个 div 都使用 iScroll。现在我希望两个 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>

然后定义 iscroll for#wrapper你可以同时滚动两个 div。这是简单的方法。

或者您可以尝试获取onScroll event. 虽然在滚动期间不可能准确地进入滚动位置，但您仍然可以在 ononScrollMove和onScrollEnd. 希望这对您有所帮助。