添加捕捉到jQ​​uery UI滑块，但保持动画

Question

我设置了一个类似时间线的内容滚动器来做一个5年的水平滑块。

我想在它们之间添加一个管理单元。这有效，但现在我看不到动画从一个滑动到另一个。我如何同时在点和动作之间滚动动画。

这是我的jQuery的片段：

//build slider 
    var scrollbar = $(".scroll-bar").slider({ 
     value: 10, 
     min: 0, 
     max: 100, 
     step: 25, 
     slide: function(event, ui) { 
      if (scrollContent.width() > scrollPane.width()) { 
       scrollContent.css("margin-left", Math.round(
        ui.value/100 * (scrollPane.width() - scrollContent.width()) 
       ) + "px"); 
      } else { 
       scrollContent.css("margin-left", 0); 
      } 
     } 
    }); 

Answer 1

slide: function(event, ui) { 
     if (scrollContent.width() > scrollPane.width()) { 
      scrollContent.animate({ 
       "margin-left": Math.round(ui.value/100 * (scrollPane.width() - scrollContent.width())) 
      }, 20); 

     } else { 
      scrollContent.animate({ 
       "margin-left": 0 
      }, 20); 
     } 
    }