Question

无法找到一个简单的解决方案，我知道这很简单，我已经尝试过一些东西，但我无法让它发挥作用。我目前正在使用一个侧面滚动网站，我希望每次你点击一个图像（包含在一个li中）时它会滚动到下一个li。我有jQuery插件localscroll所以它顺利地从一个到另一个，这是有效的。我现在需要编写一个触发jQuery的代码来利用localscroll函数并转到下一个li。现在我有这个，但我知道这不对：

$(document).ready(function () {
    $('.wrapper ul li').click(function() {
     $(this).next(li).localScroll();
    });
});

Answer 1

根据ScrollTo examples，你需要这样做：

$(container).scrollTo(element);

e.g。

$(document).ready(function () {
    $('.wrapper ul li').click(function() {
        $(window).scrollTo($(this).next('li'));
    });
});

Answer 2

在阅读了此here的文档后，我想出了使用它的正确方法。让我们说，你.wrapper元素作为一个溢出或你想要滚动的元素。您可以执行以下操作。

$(document).ready(function () {
    var gallery = $('.wrapper ul li')

    $(gallery).click(function() {
           $('.wrapper').localScroll({
              target:$(this).next('li')
            });

    });
});

点击li，转到下一个li

2 个答案: