Question

我有点击时的图片，调整大小。但是，我想这样，无论用户滚动多远，当按下图像时，html和正文将移动到顶部。我在调整大小脚本中添加了动画，但似乎无法识别。

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

            }); 
    });

代码：http://jsfiddle.net/qSDP5/

编辑*

我在页面顶部放置了一个粘性标题并使用了

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

        });

但它似乎不想滚动到它。

Answer 1

这是因为你不仅没有活动类的任何元素，而且你也没有定义你想要访问的元素的坐标方向，因为你的脚本没有＃＆＃ 39;滚动到那个。

更改此行：

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

如果你想滚动到页面顶部，请

scrollTop: 0

或者你可以滚动到一个位于你的html中的元素：

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

请参阅：http://jsfiddle.net/qSDP5/1/

移动html＆amp;单击img时，正文最高

1 个答案: