如何平滑jQuery滑块？

Question

我这里有这个jQuery滑块码 -
jsfiddle或jquery demo
现在我想要做的是，我想使滑块工作更加平滑
请帮助！

P.S.通过更平滑我的意思是我拖动滑块到我的鼠标一小段距离，它会自动被拖动到更多一点...它的动画会影响某种东西.....我尝试了演示页面上的这些选项，但他们只是让滑块消失而不起作用。

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

http://jsfiddle.net/v9V7W/3/

Answer 2

您对“平滑”这个词有什么看法？ jQuery滑块有许多可以影响它的行为的选项（http://jqueryui.com/demos/slider/），所以试着用它来实现。

Answer 3

我实际上做一个，我们目前在工作中使用。您可以使用transform3d的CSS3属性来制作平滑的幻灯片。 Transform3d是硬件加速的，不像margin-left或left，所以它更平滑。

你可以检查出来这里 - http://dezignhero.github.io/swiper/

它主要设计用于WebKit的设备，但也适用于台式机了。