2012-02-26 5 views
1

Le défilement sur ma page, http://www.hjaramillo.com/, est saccadé et je ne sais pas exactement pourquoi. Je pense que cela a quelque chose à voir avec la façon dont les images sont affichées, parce que lorsque vous cachez toutes les images, le problème est résolu.Numéro de défilement incohérent

De même, lorsque vous cliquez sur "À propos", le défilement vers cette section est également saccadé.

Des idées sur ce qui se passe et comment je peux le réparer?

+0

Je pense que je vois quelque chose de mal ... est-ce le lien vers votre site? Faire défiler avec ma roue est bien, et il y a * un * bouton A propos mais il ne défile pas n'importe où, il va juste à une autre page sur site5.com. – Purag

+0

Je ne vois pas de décalage. Quel navigateur/os utilisez-vous? – Blender

+0

Fonctionne bien pour moi sur Chrome. – Jivings

Répondre

1

J'ai eu ce problème dans le passé - et l'ai corrigé.

Les images que vous affichez sont beaucoup trop grandes. J'adore utiliser html ou css pour redimensionner mes images (car qui veut le faire manuellement), mais il n'en reste pas moins que la plupart des navigateurs vont hocher quand on les déplace. Je ne suis pas sûr pourquoi.

À l'exception de Opera, qui sacrifie généralement la résolution et transforme les sites Web en ordures.

Redimensionnez les images les plus volumineuses et voyez si cela vous aide.

0

Les performances en JavaScript sont lentes, car vous passez par de nombreuses couches d'abstraction pour effectuer n'importe quel travail, et de nombreuses manipulations d'objets à l'écran se produisent en arrière-plan. Les performances ne peuvent pas être garanties d'un système à l'autre. Vous constaterez qu'avec toute l'animation jQuery, vous obtiendrez un "frame rate" plus élevé (pas le bon terme ici, mais je ne peux pas penser à un meilleur) sur des machines plus rapides et des navigateurs plus performants (comme Chrome) que sur les machines plus lentes.

Si vous êtes curieux de savoir ce qui se passe en arrière-plan lorsque vous définissez une position de défilement ou une autre propriété, utilisez l'un des nombreux outils pour profiler votre code. Google Chrome est livré avec un intégré, et pour Firefox, vous pouvez utiliser Firebug pour vous donner un aperçu. Voir aussi cette question: What is the best way to profile javascript execution?