0

これが視差スクロールのコードです。http://violetoeuvre.com/Exp_4.htmlを参照してください。

4 つ以上のレイヤーを追加するたびに、ページが読み込まれません。これは単なる帯域幅の問題ですか? 4 層以上の Web サイトを見たことがあります...

別のコードを使用する必要がありますか?

<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 に答える