如何使用Iscroll滾動修復元素？

Question

我正在使用iscroll在我的項目中。我想一次滾動3個項目時，用戶滾動 ID它可能使用iscroll庫？我已經嘗試scrollTo但它不會工作？

這是我的小提琴。 http://jsfiddle.net/amnishyadav/dWYJS/

var isScrolling = false; 
myScroll = new iScroll('headerWrapper',{ 
    snap: 'li', 
    hScrollbar: false, 
    vScrollbar: false, 
    momentum: true, 
    vScroll: false, 
    onScrollMove : function(e){ 
     // clearHeaderInterval(); 
     // myScroll.scrollTo(50, 0); 
     // myScroll.refresh(); 

     console.log('onScrollMove===============>>>>>>>>>>>>>'); 
     isScrolling = true; 

     // here get the device type and version 
     if(deviceType() == 'android'){ 
      var deviceVersion = device.version; 

      console.log(" deviceType is ===>>"+deviceVersion); 
      if(deviceVersion=='4.1' || deviceVersion=='4.1.1'|| deviceVersion=='4.1.2'){ 
       console.log("android version is ===>>"+deviceVersion); 
       setTimeout(function(){ 
        myScroll.refresh(); 
       }, 1000); 
      } 
     } 
     // setTimeout(function(){myScroll.refresh();},0); 
    }, 

}); 

Answer 1

我不太清楚你問什麼在這裏，你想有一個可以各自相互獨立地滾動3個不同的滾動區域？如果是這樣，那麼你可以在你想滾動的每個區域啓動滾動事件。

<div id="firstScroller"> 
    <div class="scroller"> 
    <!-- content here --> 
    </div> 
</div> 

<div id="secondScroller"> 
    <div class="scroller"> 
    <!-- content here --> 
    </div> 
</div> 

<div id="thirdScroller"> 
    <div class="scroller"> 
    <!-- content here --> 
    </div> 
</div> 


function loaded() { 
    setTimeout(function() { 
     firstScroller = new iScroll('firstScroller', { 
      hScrollbar: false, 
      vScrollbar: false, 
      hScroll: false 
     }); 
     secondScroller = new iScroll('secondScroller', { 
      hScrollbar: false, 
      vScrollbar: false, 
      hScroll: false 
     }); 
     thirdScroller = new iScroll('thirdScroller', { 
      hScrollbar: false, 
      vScrollbar: false, 
      hScroll: false 
     }); 
    }, 100); 
} 

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

如果這不是你在做什麼，然後後，如果你能更新你的問題，我也許可以幫助