Question

我目前正在编写一个横向滚动网站，我是jQuery的初学者。

我正在使用这个插件：

http://flesler.blogspot.com/2007/10/jqueryscrollto.html

以下代码适用于我的按钮，它通过我在“.container”类下设置的div数组向右或接下来。他们都是兄弟姐妹，在流程中彼此相邻。

我经过一些艰难的搜索后找到了这段代码，并在stackoverflow中的另一篇帖子中找到了它，并且它可以很好地通过我的div，一次一个。

我唯一的问题是复制一个类似的代码，以便在我的数组中向后移动。从下一步开始我已经访问了div。我想要一个前一个按钮！

$('#arrowRight').click(function() {
    scrollLeft = $(window).scrollLeft(); 
    $(".container").each(function(i, con) {
        conLeft = $(con).offset().left;
        if (scrollLeft < conLeft) {
            $.scrollTo(con, 800);
            return false;
        }
    });
});

有人能帮助我吗？

Answer 1

Hacky方式，反转数组并进行相反的比较，例如：

$('#arrowLeft').click(function() {
    scrollLeft = $(window).scrollLeft(); 
    $(".container").reverse().each(function(i, con) {
        conLeft = $(con).offset().left;
        if (scrollLeft > conLeft) {
            $.scrollTo(con, 800);
            return false;
        }
    });
});

最好存储当前正在查看的div，然后导航到位置[+ - ] 1，具体取决于您想要的方向。

jQuery水平滚动链接

1 个答案: