在拖动时更新左侧属性

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); 
    }); 
});