javascript - 动画 ->向左滑动不工作jQuery

Question

我有这个 div:“id1”，我想滑动到这个“id2”

我在 <div id="id1"> 上有一个按钮有:

<a href="#id2">next</a>

我有这个脚本:

$(function() {
    $('#next-button2').bind('click',function(event){
        var $anchor = $(this);

        $('html, body').stop().animate({
            scrollLeft: $($anchor.attr('href')).offset().left
        }, 2000);

        event.preventDefault();
    });
});

我从 this Site 中获取的，但它不起作用，有什么想法吗？

Answer 1

您的脚本正在寻求将动画功能绑定(bind)到 id = next-button2

的 DOM 对象

将您的 HTML 更改为:

<a id="next-button2" href="#id2">next</a>

这样您的 JQuery 就可以将点击函数绑定(bind)到正确的 DOM 对象。

此外，您需要将实际动画绑定(bind)到正确的对象，因此请更改:

$('html, body')

到:

$('#id1')

如果您想要更深入的答案，您可能需要提供更多 HTML、JS/JQ 和 CSS 以供查看。