Question

这是我的视差滚动代码。请参阅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>

提前致谢！

Answer 1

滚动的重新绘制时间为0.5秒+，现在要获得平滑动画，你的目标是60fps！

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

如果您使用的是Chrome开发者工具，请转到时间轴，打开录制内容，滚动页面，然后您就会看到这些涂料占用的时间长度。

视差 - 我可以添加4层以上吗？

1 个答案: