jQuery 跳转到元素

jQuery jump to element

本文关键字:元素 jQuery      更新时间:2023-09-26

我的网站上有一个类似图片库的东西。通过单击图像,此图像将放大。有时,放大包含图像的一部分不在视口中。整个网站是否有可能通过单击跳转到图像的顶部区域?

你可以看看这里!

试试这个:

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

它应该使用 "image" 类为div 元素内的所有图像创建一个 click 事件,我可以在您的代码中看到,然后动画化(缓慢,在 2000 毫秒内,即 2 秒)滚动到它从页面顶部偏移

在这个 5 岁的问题中,您有更多信息 stackoverflow.com

编辑:如果需要一些调整,可以编辑此行

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

页面将比图像位置少滚动 88px,由于您的浮动菜单,您会发现这很有帮助。