Javascript 代码解释滚动条

有人能解释一下这个代码的作用吗。。例如“拆分”功能等

$("button").click(function() {
    var id=this.id.split('[');
    var d_id=id[1].split(']')
    var ii=d_id[0]
    $('html, body').animate({
        scrollTop: $('[id='+ii+']').offset().top
    }, 2000);
});

它将click eventhandler附加到每个

标记

在处理程序中，它从按钮的id属性中提取“foo”，例如“bar[foo]”

它通过“foo”id（即“[id=…]”jQuery选择器）设置页面滚动到元素位置的动画

string.split

是一个字符串函数，它根据给定的分隔符将字符串拆分为一个数组，在这里“[”然后“]”，检查

简单地说，

offset（）

jQuery函数返回给定选择器匹配的第一个元素的顶部和左侧像素坐标，然后检查

---

因此，当你点击一个id为“bar[foo]”的

时，页面将进行动画垂直滚动，这样id为“foo”的元素将位于顶部或窗口。

我看不出我们能给你比谷歌更多的信息。如果我努力回答，而不是投票否决问题并重定向到谷歌，请你接受这个答案好吗？