我创建了一个实验到 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 万的相同问题.
最佳答案
对于 firefox，最大 scale() 乘数等于最大浏览器 CSS 高度/宽度/元素高度/宽度。如果您计算出的元素的高度/宽度超过此限制，则您的元素将不再缩放。
有人说，在 chrome 中，最大 scale() 乘数/除数似乎是 10000
关于CSS3 变换 : translate maximum value?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37330152/