javascript - Scrollto 元素定义为 $this

Question

我正在开发一个网格，至少可以说，它的界面非常动态。

我想做的是关注 $this 元素，无论它在哪里，无论它是在点击时移动到页面顶部还是返回到网格中的原始位置。

发生的情况是，当单击一个元素时......它会被发送到页面顶部，然后当再次单击它时，它会返回到其在网格中的原始位置。

所有元素都具有相同的类名，并且单击时所单击的元素会触发所选的类名。所以我无法真正用scrolltop来瞄准它。

所以我尝试过的是

$container.find('a').click( function() {
var $this = $(this),
    $photo = $this.parents('.photo');
    $('html, body').animate({scrollTop: $this.offset().top});

但它无法正常工作。它不会滚动到 $this，而是滚动到页面上的某个随机位置。

有更好的方法吗？

Answer 1

它不起作用，因为在同位素完成重新排列布局之前页面正在滚动。我所做的是监听同位素事件 arrangeComplete，然后调用 scrollTop 而不是 scrollTo。

$container.one('arrangeComplete',function(){
    $('body').animate({scrollTop: $this.offset().top});
});

demo