javascript - 使用jQuery向左滚动动画

这是单击按钮并滚动浏览并更改一些内容的当前代码。

$(".scroll").click(function(event) {
    $('.panel h1').stop().fadeOut(200);
    $('.panel p').stop().fadeOut(200);

    $(".scroll").css({"background": "none", "color": "#B1B1B1"});

    $(this).css({"background": "#00709C", "color": "#fff"});

    event.preventDefault();

    $('.scroll-menu').stop().animate({
        scrollLeft: $('.scroll-menu').scrollLeft() + $(this.hash).offset().left
    }, 1200);
    $('.panel h1').delay( 900 ).fadeIn(500);
    $('.panel p').delay( 900 ).fadeIn(500);
});

我得到了一些帮助，所以实际上我对$(this.hash).offset().left指的是感到困惑。

另外，有人能给我一个关于如何自动动画而不需要点击的想法吗？例如，这不起作用。

setInterval(function() {
    $('.scroll-menu').stop().animate({
       scrollLeft: $('.scroll-menu').scrollLeft() + $(this.hash).offset().left
    }, 1200);
    $('.panel h1').delay( 900 ).fadeIn(500);
    $('.panel p').delay( 900 ).fadeIn(500);
    }, 3600);

最佳答案

当然可以，您去了：http://jsfiddle.net/neuroflux/afzVe/617/

和相关代码：

$('#scroll').click(function() {
    $('html,body').animate({
        scrollLeft: $('#test').css('left')
    }, 800, function() {

        $('html, body').animate({
            scrollLeft: 0
        }, 800);

    });
});

关于javascript - 使用jQuery向左滚动动画，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32073134/