0

这是我的视差滚动代码。见http://violetoeuvre.com/Exp_4.html。

每当我添加超过 4 层时，页面都不会加载。这只是带宽问题吗？我知道我见过超过四层的网站......

我应该使用不同的代码吗？

<script type="text/javascript">
var wf_pbb_object = [
{bc:"rgba(0, 0, 0, 0)"},
{img:"images/Exp_4/bluediamond.png", mm:false, ms:true, mms:1, mss:30, mmd:1, mso:"v", msd:1, im:"image", pr:"both", mma:"both", ofs:{x:0, y:0}, zi:4, sr:false, sb:false, isr:false, isb:false},
{img:"images/Exp_4/bluestripe.png", mm:false, ms:true, mms:1, mss:40, mmd:1, mso:"v", msd:-1, im:"image", pr:"both", mma:"both", ofs:{x:0, y:0}, zi:1, sr:false, sb:false, isr:false, isb:false},
{img:"images/Exp_4/greenlock.png", mm:false, ms:true, mms:1, mss:50, mmd:1, mso:"v", msd:1, im:"image", pr:"both", mma:"both", ofs:{x:0, y:0}, zi:2, sr:false, sb:false, isr:false, isb:false},
{img:"images/Exp_4/silversq.png", mm:false, ms:true, mms:1, mss:60, mmd:1, mso:"v", msd:1, im:"image", pr:"both", mma:"both", ofs:{x:0, y:0}, zi:2, sr:false, sb:false, isr:false, isb:false}
];
</script>

提前致谢！

4

1 回答 1

0

滚动的重绘需要 0.5 秒以上，现在要获得流畅的动画，您应该瞄准 60fps！

我怀疑问题的一部分可能是图像的大小，但我没有更深入地研究过。

如果您使用 Chrome 开发人员工具，请转到时间线，打开录制，滚动页面，您将看到绘制所用的时间长度。

于 2013-03-06T23:35:11.647 回答