滾動div直到mousedown上的最後一個div

Question

iScroll 4的另一個問題。我已經建立了一個demo in JSFiddle。

我想滾動mousedown上的div。它應滾動到結尾：

• 連續;
• 沒有任何中斷;具有靜態速度的
• ;

直到它到達最後的div，或者我在中間做了一個mouseup。

有沒有可能做到這一點？

Answer 1

檢查此琴：http://jsfiddle.net/z2YWZ/2/

還有一個問題。到達最後時它不會停止。 iScroll使用CSS translate來滾動，我找不到一種方法來獲取當前的翻譯形式。目前正在尋找解決方案。

UPDATE

iScroll有useTransform選項，使用它我們可以問它不使用翻譯，而使用CSS left屬性滾動。通過這種方式，我們可以輕鬆識別是否已達到目的（無論哪種方式）。要使用，只需在啓動iScroll時設置useTransform: false即可。

更新2

檢查此琴：http://jsfiddle.net/z2YWZ/12/

Answer 2

可以通過這個解決方案： http://jsfiddle.net/ugeU3/3

HTML：

<div id="click">Element to click on</div> 

JS：

jQuery("#click").bind('mousedown', function(){ 
    intInterval=setInterval(function(){ 
      myScroll.scrollTo(25, 0, 800, true); 
    },30); 
}); 
jQuery("#click").bind('mouseup', function(){ 
    intInterval=window.clearInterval(intInterval); 
}); 

您可以更改時間值來實現你的速度 - 偏好。 我希望它有幫助。

Answer 3

我已經修改@techfoobar代碼，做這樣的事情這兩個渦旋汽車無，直到在鼠標按下結束，或縮小移動一個DIV單擊。代碼片段是：

 var scrolling=false; 
     var scrollTimer=-1; 
     $('#next').bind('mousedown',function() { 
      scrolling = true; 
      scrollTimer = setInterval(function() { 
       scrollDivRight(); 
      }, 100); 
      return false; 
     }); 
     $('#next').bind('mouseup',function() { 
      scrolling = false; 
      clearInterval(scrollTimer); 
      return false; 
     }); 
     $('#next').bind('mouseout',function() { /*For smoother effect and also prevent if any previous delay (eg. 100ms)*/ 
      scrolling = false; 
      clearInterval(scrollTimer); 
      return false; 
     }); 
     scrollDivRight:function(){ 
      if(!scrolling) return false; 
      myScroll.scrollTo(177, 0, 400, true);  
     } 

請建議是否有什麼更好的，然後這個。當然在他的回答中提到的問題@techfoobar仍然沒有解決。