Question

我在这里有这个jquery滑块代码 -
jsfiddle或jquery demo
现在我想做的就是我想让滑块工作更顺畅请帮忙！

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

Answer 1

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

Answer 2

 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 3

我实际上制作了一部我们目前正在使用的作品。您可以使用transform3d的CSS3属性来制作平滑的幻灯片。 Transform3d是硬件加速的，与margin-left或left不同，所以它更加平滑。

您可以在此处查看 - http://dezignhero.github.io/swiper/

它主要是为webkit设备设计的，但也适用于桌面设备。

如何平滑jquery滑块？

3 个答案: