Javascript 移动html&；单击img时，车身向上至顶部

我有一些图像，单击后可以调整大小。但是，我希望这样，无论用户滚动多远，当按下图像时，html和正文都会移动到顶部。我在“调整大小”脚本中添加了一个动画，但似乎无法识别

  $(".images img").on('click', function () {
        $(this).toggleClass('selected'); 
        $('html,body').animate({
            scrollTop: $('.active').offset()   

            }); 
    }); 

代码：

编辑*

我把一个粘性的标题放在页面顶部，并使用

$('html,body').animate({
            scrollTop: $('#sticky').offset().top

        });

---

但它似乎不想滚动到它

这不仅是因为您没有任何活动类的元素，而且您没有定义要访问的元素的坐标方向，因为您的脚本不会滚动到该方向

更改此行：

scrollTop: $('.active').offset()   

如果要滚动到页面顶部，请单击此处

scrollTop: 0   

或者，您可以滚动到驻留在html中的元素，如：

scrollTop: $('#header').offset().top

---

请参见：

如何使其将图像捕捉到顶部。下面是一个例子，当你点击一个图像。请参见第一篇文章中的编辑！将图像捕捉到顶部是什么意思。在该示例中，它仅转换图像。向下滚动到两个图像，然后当您单击其中一个时，整个页面将捕捉到图像的顶部。至少在我看来是这样。也许是图像捕捉到了视口的顶部？啊，我明白了。谢谢你！