javascript - 在 jquery 灯箱中使用 anchor 滚动

Question

我需要在点击灯箱内的链接时滚动到某个段落。我尝试使用下面的代码

function goToByScroll(id) {
    $('html,body').animate({scrollTop: $("#"+id).offset().top}, 'slow');
}

这个在后台滚动整个页面而不是在前面的灯箱中的内容。我尝试使用 lightbox 的 id 而不是 ('html,body') 来制作动画，但没有成功。有办法吗？

Answer 1

您可以使用为您的段落提供的 id 来使用类似的东西:

$("#button").click(function() {
    $('html, body').animate({
        scrollTop: $("#my_paragraph").offset().top
    }, 2000);
});

我给你做了一把 fiddle here

你必须给你的 anchor id 'button' 和你的段落 id 'my_paragraph' 或任何适合你需要的东西。

希望这对您有所帮助。