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

标签 javascript jquery html css

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

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

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

谢谢

最佳答案

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

关于javascript背景水平/垂直滚动到元素站点:beyond 911,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25047834/

相关文章:

jQuery 和 CSS 在 IE9 中无法正常工作

javascript - 在没有 jQuery 的情况下切换表列的可见性

javascript 注入(inject) $http post 方法不起作用

javascript - onkeyup 对每一行的出现和计算

javascript - 您最喜欢的 Java Script 所见即所得编辑器组件是什么?

javascript - 在不滚动的情况下单击到另一页后返回上一节

javascript - underscore.js 的替代解决方案

javascript - 导致 IE 中出现问题的表单名称属性

javascript - 替换每第 n 个类名并借助 jQuery 替换它

jquery - HTML 管理大型下拉菜单