我目前正在使用Packery.js
创建一个页面现在,我有一个相当简单的4个瓷砖宽的网格,当点击一个瓷砖时,它会放大,有点像这个演示: http://codepen.io/desandro/pen/pgVQLz
然而在我的情况下,瓷砖是绘画,并且因为它们在点击时根据屏幕尺寸放大,我需要稍微滚动视口以使其完全可见并且在屏幕的中心。
问题是因为Packery动画了瓷砖的运动,我不能简单地使用:
$('html, body').animate({scrollTop: Y});
因为在这种情况下它会滚动到动画前的位置。
解决此问题的最佳方法是什么?
我已经被困在这几个小时了。我甚至尝试过:
var x = $(this).css('transform');
...找到变换动画的偏移量,但旁边是脏dix我甚至找不到值......
谢谢!