代码说明Scrolltop

Question

有人可以解释一下这段代码的用途吗...就像＆＃39; split＆＃39;功能等。

$("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);
});

Answer 1

1. 它会将click事件处理程序附加到每个<button>标记。
2. 在处理程序中，如果它是例如“bar [foo]”，它会从按钮的id属性中提取“foo”。
3. 使用“foo”id（“[id = ...]”jQuery选择器）动画页面滚动到元素的帖子。

string.split是一个字符串函数，它根据给定的分隔符将字符串拆分为数组，此处为“[”，然后是“]”，请检查documentation。

简而言之，offset() jQuery函数返回给定选择器匹配的第一个元素的顶部和左侧像素坐标，请检查documentation。

因此，当您单击带有“bar [foo]”的<button>时，页面将执行动画垂直滚动，以便ID为“foo”的元素位于顶部或窗口。