Je travaille dans Centos 7. Ensuite, je développe l'outil Web pour le biologiste. Mon projet doit venir une étape finale. Mais maintenant, je fais face à un problème critique. Le problème est que les polices, tout en faisant défiler vers le bas et sur la DIV.
J'ai ajouté les images ci-dessous. La page de chaque page de pagination est générée dynamiquement par JavaScript.
[image1] est l'original.
[image2] Après faire défiler dans le contenu, la police est de gérer les lignes.
Puis j'ai vérifié le navigateur plusieurs machines, j'ai eu ce problème dans deux machines différentes. Quel est le problème? Comment puis-je résoudre ce problème?
4 Réponses :
On dirait que le problème de rendu GPU peut être essayer de changer de texte de texte CSS, bien que je ne sois pas sûr que cela fonctionnera à coup sûr
Essayez celui-ci par l'un de l'un de la DIV ou quel que soit le conteneur, ils sont dans P>
text-rendering: auto; text-rendering: optimizeSpeed; text-rendering: optimizeLegibility; text-rendering: geometricPrecision;
Vous pouvez définir l'événement de la molette de la souris pour rendre la DIV défilée pour chaque cadre d'animation. Un code comme celui-ci pourrait fonctionner pour vous:
p>
<div id="scroll"> <div id="scrollInner"></div> </div>
Le comportement est explicite pour faire défiler la tentative d'analyse inachevée du contenu du document / élément. Rare sur les problèmes de capacité graphique.
Le rouleau n'est pas déclenché efficacement ou retient un redessinement de l'élément.
La cause:
a. L'élément n'a pas fini de charger son contenu ni d'analyser tous les nœuds d'enfants. Il existe des erreurs HTML sur la structure de document concernant l'élément de défilement. Mauvaise nidification HTML, positionnement invalide, indicateurs de code sur votre flux HTML, ce qui l'hésite à faire défiler sur le rouleau. Vérifiez les erreurs «malformées HTML» sur le code généré le cas échéant.
b. Cochez la consommation de mémoire de votre application et inspectez des fuites de mémoire.
Essayez de promouvoir la couche perturbée par le défilement (l'élément se transformant en lignes) à son propre couche .
URL ... et lien pour le voir dans le navigateur ..
@nisar Le projet est dans la machine locale. Donc je n'ai pas d'URL.
On dirait un bug, le type que vous ne pouvez pas résoudre, mais ne peut que travailler autour. Essayez d'autres polices ou peut-être déclencher un re-rendu en modifiant l'opacité à 0,99 ou au défilement sur une minuterie courte ou quelque chose comme ça.
@dandavis J'ai déjà essayé de changer les polices mais le résultat est identique. Je vais essayer une autre option.
@choz Je ne sais pas quel est le bogue. Comment puis-je corriger ce bogue. J'ai essayé de changer les polices mais c'est le résultat est identique.
Cela se passe-t-il dans d'autres navigateurs? Si seulement dans Firefox, pouvez-vous essayer de désactiver l'accélération matérielle. Outils> Options> Avancé> Généralités> Parcourir: "Utiliser l'accélération matérielle lorsqu'il est disponible" .
@ Gökhankurt Ce problème apparaît uniquement dans Firefox. J'ai essayé mais pas encore résoudre.
Y a-t-il des extensions installées sur Firefox? Combien rempli est la page et la Div défilée?
Ont eu le même problème sur FF. Fixez-le avec la transformation: translatez (0); Déclaration qui déclenche l'accélération GPU dans les navigateurs modernes de bureau et mobiles. J'espère que ça vous aide aussi.
@ Gökhankurt a l'air d'être maintenant à la chasse de Bounty :) Où que je vais, je vois et il semble que vous soyez assez réussi à cela très impressionnant, j'ai vérifié votre profil
@Sachindivakar Quelqu'un a remarqué ce chasseur de Bounty Vigilante :) Ouais, je vise en fait des représentants rapides.
@ Gökhankurt je me connais aussi ou aussi quelles sont les chances que nous rencontrons ici lol