javascript - jQuery Slider继续滚动，然后单击下一步

如何停止滑块以继续滚动？它与偏移量有关吗？
我不知道。
任何帮助，不胜感激。

var $container = $(container);

var resizeFn = function () {
    var small = $(window).width() < 800;
    $container.toggleClass('four', small).toggleClass('six', !small);
}

var toggleButtons = function () {

}

var nextPane = function (e) {
    e && e.preventDefault();
    var $container = $(this).closest('.grid-container');
    var $items = $('.items', $container);
    var offset = $items.css('marginLeft').replace('px', '');
    var width = $container.width() + parseInt($('.item', $container).css('marginRight').replace('px', ''));
    $items.css('marginLeft', offset - width);
}

var prevPane = function (e) {
    e && e.preventDefault();
    var $container = $(this).closest('.grid-container');
    var $items = $('.items', $container);
    var offset = $items.css('marginLeft').replace('px', '');
    var width = $container.width() + parseInt($('.item', $container).css('marginRight').replace('px', ''));
    $items.css('marginLeft', offset + width);
}

resizeFn();
$(window).resize(resizeFn);

$('.next', $container).click(nextPane);
$('.prev', $container).click(prevPane);

jsFiddle

最佳答案

采用

var width = $('.item').width() + parseInt($('.item', $container).css('marginRight').replace('px', ''));

代替$container.width()
在var nextPane = function (e) {和var prevPane = function (e) {中
而且效果很好

关于javascript - jQuery Slider继续滚动，然后单击下一步，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22401279/