javascript背景水平/垂直滚动到元素站点:beyond 911

Question

有人可以概念上分解这是如何实现的吗？

http://content.time.com/time/beyond911/

我知道它会加载“grid.html”，它是平铺的，根据您的点击方式，会变成“无限”(尝试一遍又一遍地点击 Angular 图像)。只是不确定它如何以单击的元素为中心，或使用箭头选择相邻元素。

谢谢

Answer 1

他们在 table 上使用 -webkit-transform: translate(top, left); 来实现居中。它使 table 上下左右移动。对于“infinte”滚动，它们实际上是在 DOM 中四处移动表格的行和列。此外，还有很多与行和列的大小相关的数学。