通过锚点链接访问页面时， 页面会跳转到错误的位置
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 2/5
- Temps estimé
- 1-3 heures
- Accessibilité débutants
- 50/100
- Type d'issue
- Bug
- Clarté
- Clairement spécifiée
- Activité
- À l'abandon
- Stack technique
- css, html
- Domaine
- documentation
Piste de recherche
Commencez par collection.html et examinez les images utilisées à proximité de la cible de l’ancre. Chargez la page via l’ancre indiquée et vérifiez sa position avant et après la fin du chargement des images. C’est terminé lorsque le titre cible reste au bon emplacement après le chargement, avec des dimensions d’image ou un ratio d’aspect empêchant le décalage de la mise en page.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
问题描述
通过锚点链接访问页面时（例如 collection.html#_28-讲讲-treemap-怎么实现有序的），
页面会跳转到错误的位置（比如第15题附近），而不是目标位置（第28题）。
复现步骤
- 直接访问带锚点的链接
- 等待页面加载完成
- 观察到页面停留在第15题左右，而不是第28题
原因分析
页面中的图片没有设置 width 和 height 属性，导致图片加载时产生布局偏移（Layout Shift）。
浏览器在图片加载前就执行了锚点跳转，但图片加载后页面内容被往下推，导致跳转位置不准。
建议修复
为图片添加 width 和 height 属性，或使用 CSS aspect-ratio，避免布局偏移。
影响
- 锚点链接失效，影响用户体验
- 影响 CLS（Cumulative Layout Shift）指标，可能影响 SEO
- Langage dominant
- Java
- Étoiles
- 17.8k
- Forks
- 2.4k
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
Ce projet ne fournit ni conteneur de développement, ni Dockerfile, ni guide de contribution : l'installation est à votre charge. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de itwanger/toBeBetterJavaer
-
面渣逆袭Spring事务传播机制勘误Ouverte
Difficulté 1/5 Moins d'une heure Accessibilité débutants 80/100
itwanger/toBeBetterJavaer#218 ·
-
一个笔误Ouverte
Difficulté 1/5 Moins d'une heure Accessibilité débutants 88/100
itwanger/toBeBetterJavaer#214 ·
-
MySQL面渣内嵌链接失效Ouverte
Difficulté 1/5 Moins d'une heure Accessibilité débutants 90/100
itwanger/toBeBetterJavaer#212 ·
-
thread-bring-some-problem文档中描述错误Ouverte
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
itwanger/toBeBetterJavaer#210 ·
-
小瑕疵~Ouverte
Difficulté 1/5 Moins d'une heure Accessibilité débutants 72/100
itwanger/toBeBetterJavaer#202 · 2 commentaires ·
Toutes les issues de itwanger/toBeBetterJavaer
Issues similaires
-
Markdown and Astro language servers do not start when the project path contains a non-ASCII character or a spacePeut-être pris @RoiSoleil l’a pris aujourd’hui. Ouverte
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
eclipse-wildwebdeveloper/wildwebdeveloper#2277 ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
johanhaleby/occurrent#1462 ·
Les mainteneurs répondent en général sous 1 jour
-
Enhancing the Issue TemplateOuverte
Difficulté 2/5 1-3 heures Accessibilité débutants 66/100
SasanLabs/VulnerableApp#912 ·
Les mainteneurs répondent en général sous 1 jour
-
area/build area/events area/storage area/storage/kafkasql area/storage/sql
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
Apicurio/apicurio-registry#11079 ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 75/100
OpenAEV-Platform/openaev#9139 ·
Les mainteneurs répondent en général sous 1 jour