在拖動時更新左側屬性

Question

我想在拖動時更新ul的left屬性，但只要我開始拖動就會跳到-1980。

$('#draggable').on('drag', function() { 

    var start = 0; 
    var end = 2000; 

    while (start <= end) { 
     $('ul').css('left', -start); 
     start+=20; 
    } 

}); 

FIDDLE

Answer 1

聲明你drag處理程序start變量外：

var start = 0; 
$('#draggable').on('drag', function() { 

    var end = 2000; 

    while (start <= end) { 
     $('ul').css('left', -start); 
     start+=20; 
    } 

}); 

Answer 2

好吧根據我的問題是在循環

while (start <= end) { 
     $('ul').css('left', -start); 
     start+=20; 
    } 

循環的時候start==2000這是結束你爲什麼這麼說直接向左= 2000。

我不知道你在做什麼。但如果您希望每個20像素左側都變爲可見，請嘗試使用網格。

對於水平滾動條試試這個：

Scroll Demo

JS

$(document).ready(function(){ 
    $('#scroll').draggable({grid:[1,0]}); 
    $('#scroll').on('drag',function(event,ui){ 
    $('#text').css('margin-left',-ui.position.left); 
    }); 
});