Question

我想在拖动时更新left的{{1}}属性，但只要我开始拖动它就会跳转到-1980。

ul

FIDDLE

Answer 1

好吧，根据我的问题是循环

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

循环在start==2000时结束，这就是你直接离开的原因= 2000。

我不知道你要做什么。但如果您希望每个20px左侧更改为可见，请尝试使用网格。

对于水平滚动条，请尝试：

Scroll Demo

JS

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

Answer 2

在start处理程序之外声明drag变量：

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

    var end = 2000;

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

});

拖动时更新左侧属性

2 个答案: