jQuery跳转到元素

Question

我的网站上有一个像图库的东西。通过单击图像，这个图像将按比例放大。有时放大包含图像的一部分超出视口。完整的网站是否有可能通过点击跳转到图像的顶部区域？

你可以看看here！

Answer 1

试试这个：

$("div.image img").click(function() {
    $('html, body').animate({
        scrollTop: $(this).offset().top
    }, 2000);
});

它应该为div元素中的所有图像创建一个click事件，其中包含一个类＆＃34;图像＆＃34;，我可以在你的代码中看到它，然后动画（慢慢地，在2000毫秒，也就是2秒）滚动到它从页面顶部偏移。

您在此5 year old question on stackoverflow.com

中有更多信息

编辑： 如果您需要进行一些调整，可以编辑此行

        scrollTop: $(this).offset().top - 88

并且页面将滚动比图像位置小88px，由于您的浮动菜单，您可以找到它。