在jquery灯箱中使用锚点滚动

Scrolling with anchor in jquery lightbox

本文关键字：滚动 jquery      更新时间：2023-09-26

我有一个要求，点击一个灯箱内的链接，滚动到一个段落。我尝试使用以下代码

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

这个在后台滚动整个页面，而不是滚动到前面灯箱中的内容。我试着用lightbox的id代替（"html，body"）来制作动画，但没有成功。有办法做到吗？

您可以通过使用段落的id来使用类似的东西：

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

，我给你做了一把小提琴

你必须给你的锚id"button"，给你的段落id"my_paraggraph"或任何适合你需要的东西。

希望这能有所帮助。

相关文章：