滚动到动画移动元素的目的地?

时间:2016-03-06 20:50:19

标签: jquery jquery-animate transform masonry packery

我目前正在使用Packery.js

创建一个页面

现在,我有一个相当简单的4个瓷砖宽的网格,当点击一个瓷砖时,它会放大,有点像这个演示: http://codepen.io/desandro/pen/pgVQLz

然而在我的情况下,瓷砖是绘画,并且因为它们在点击时根据屏幕尺寸放大,我需要稍微滚动视口以使其完全可见并且在屏幕的中心。

问题是因为Packery动画了瓷砖的运动,我不能简单地使用:

$('html, body').animate({scrollTop: Y});

因为在这种情况下它会滚动到动画前的位置。

解决此问题的最佳方法是什么?

我已经被困在这几个小时了。我甚至尝试过:

var x = $(this).css('transform');

...找到变换动画的偏移量,但旁边是脏dix我甚至找不到值......

谢谢!

0 个答案:

没有答案