問題がスクロールする問題

Question

私のページのスクロールは、http://www.hjaramillo.com/です。すべての画像を隠すと問題が解決されるため、画像が表示される方法とは関係があると思います。

また、「情報」をクリックすると、そのセクションまでスクロールしても不安定になります。

何が起こっているのか、どのように修正できますか？

Answer 1

私は過去にこの問題を抱えていました。

表示している画像が大きすぎます。私は自分のイメージのサイズを変更するためにhtmlやcssを使用するのが大好きです。なぜなら、誰が手動でそれをやりたがっているのかということです。しかし、実際には、ほとんどのブラウザはそれらを動かすときに困るでしょう。なぜ私は分からない。

Operaを除き、通常は解像度を犠牲にしてウェブサイトをゴミに変えます。

最大の画像のサイズを変更し、それが役立つかどうかを確認します。

Answer 2

多くの抽象レイヤーを使用して作業を完了すると、パフォーマンスが低下し、画面上のオブジェクトによる多くの操作がバックグラウンドで発生します。システムごとに性能を保証することはできません。

すべてのjQueryアニメーションを使用すると、より高速のマシンと優れたブラウザでより高い「フレームレート」を得ることができます（ここでは適切な用語ではありませんが、 Chromeのような）を使用することはできません。

スクロール位置やその他のプロパティを設定したときに背景に何が起きるのか不思議であれば、コードをプロファイリングするための多くのツールを使用してください。 Google Chromeには内蔵のものが1つ付属しています.Firefoxの場合は、Firebugを使用していくつかの洞察を得ることができます。この質問も参照してください：What is the best way to profile javascript execution?