我为infinite-scroll the first billion digits of Pi创建了一个实验来查找/创建一个滚动解决方案,该解决方案具有高性能和大量数据集。我开始使用iScroll进行测试并遇到了问题。
这个演示效果很好(在Chrome中)直到大约3300万transform: translate(0px, 3.35545e+07px);
您可以通过在开发工具控制台中运行以下命令,然后滚动来查看该问题。
scroller.scrollTo(0, -33553700); scroller._execEvent('scroll');
任何CSS专家都知道transform: translate
?
更新:仅供参考,我在使用position: absolute
时看到同样的问题,约为3300万。
答案 0 :(得分:0)
对于firefox,最大scale()乘数等于最大浏览器CSS高度/宽度/元素高度/宽度。如果您计算出的元素的高度/宽度超出此限制,那么您的元素将不再被缩放。
有人说,在Chrome中,最大比例()乘数/分频器似乎是10000