CSS3转换:翻译最大值?

时间:2016-05-19 17:24:39

标签: css css3 google-chrome infinite-scroll bigdata

我为infinite-scroll the first billion digits of Pi创建了一个实验来查找/创建一个滚动解决方案,该解决方案具有高性能和大量数据集。我开始使用iScroll进行测试并遇到了问题。

infinite-scroll the first billion digits of Pi

这个演示效果很好(在Chrome中)直到大约3300万transform: translate(0px, 3.35545e+07px);

您可以通过在开发工具控制台中运行以下命令,然后滚动来查看该问题。

scroller.scrollTo(0, -33553700); scroller._execEvent('scroll');

任何CSS专家都知道transform: translate

的限制

更新:仅供参考,我在使用position: absolute时看到同样的问题,约为3300万。

1 个答案:

答案 0 :(得分:0)

对于firefox,最大scale()乘数等于最大浏览器CSS高度/宽度/元素高度/宽度。如果您计算出的元素的高度/宽度超出此限制,那么您的元素将不再被缩放。

有人说,在Chrome中,最大比例()乘数/分频器似乎是10000