現在、 Packery.jsを使用してページを作成しています。
現在、幅 4 タイルの非常に単純なグリッドがあり、タイルをクリックすると、このデモのように拡大されます: http://codepen.io/desandro/pen/pgVQLz
ただし、私の場合、タイルは絵であり、クリックすると画面サイズに応じて拡大されるため、ビューポートを少しスクロールして、画面の中央に完全に表示されるようにする必要があります。
問題は、Packery がタイルの動きをアニメーション化するため、単純に使用できないことです。
$('html, body').animate({scrollTop: Y});
その場合、アニメーションの前の位置に向かってスクロールするためです。
これを修正する最良の方法は何ですか？
私はこれで数時間立ち往生しています。私も試しました：
var x = $(this).css('transform');
...変換アニメーションのオフセットを見つけるためですが、汚いディックスであることに加えて、値を見つけることさえできませんでした...
ありがとう！