通过锚点链接访问页面时， 页面会跳转到错误的位置
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Aptitud para principiantes
- 50/100
- Tipo de issue
- Error
- Claridad
- Bien especificado
- Estado de actividad
- Estancado
- Stack tecnológico
- css, html
- Área
- documentation
Línea de trabajo
Comienza con collection.html e inspecciona las imágenes utilizadas cerca del destino del ancla. Carga la página mediante el ancla indicada y comprueba su posición antes y después de que terminen de cargarse las imágenes. Se considera terminado cuando el encabezado de destino permanece en la ubicación correcta después de la carga, con dimensiones de imagen o una relación de aspecto que eviten el desplazamiento del diseño.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
问题描述
通过锚点链接访问页面时（例如 collection.html#_28-讲讲-treemap-怎么实现有序的），
页面会跳转到错误的位置（比如第15题附近），而不是目标位置（第28题）。
复现步骤
- 直接访问带锚点的链接
- 等待页面加载完成
- 观察到页面停留在第15题左右，而不是第28题
原因分析
页面中的图片没有设置 width 和 height 属性，导致图片加载时产生布局偏移（Layout Shift）。
浏览器在图片加载前就执行了锚点跳转，但图片加载后页面内容被往下推，导致跳转位置不准。
建议修复
为图片添加 width 和 height 属性，或使用 CSS aspect-ratio，避免布局偏移。
影响
- 锚点链接失效，影响用户体验
- 影响 CLS（Cumulative Layout Shift）指标，可能影响 SEO
- Lenguaje dominante
- Java
- Estrellas
- 17.8k
- Forks
- 2.4k
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de itwanger/toBeBetterJavaer
-
面渣逆袭Spring事务传播机制勘误Abierto
Dificultad 1/5 Menos de una hora Aptitud para principiantes 80/100
itwanger/toBeBetterJavaer#218 ·
-
一个笔误Abierto
Dificultad 1/5 Menos de una hora Aptitud para principiantes 88/100
itwanger/toBeBetterJavaer#214 ·
-
MySQL面渣内嵌链接失效Abierto
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100
itwanger/toBeBetterJavaer#212 ·
-
thread-bring-some-problem文档中描述错误Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
itwanger/toBeBetterJavaer#210 ·
-
小瑕疵~Abierto
Dificultad 1/5 Menos de una hora Aptitud para principiantes 72/100
itwanger/toBeBetterJavaer#202 · 2 comentarios ·
Todos los issues de itwanger/toBeBetterJavaer
Issues similares
-
Markdown and Astro language servers do not start when the project path contains a non-ASCII character or a spacePosiblemente ocupada @RoiSoleil la tomó hoy. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
eclipse-wildwebdeveloper/wildwebdeveloper#2277 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
johanhaleby/occurrent#1462 ·
Los mantenedores suelen responder en 1 día
-
Enhancing the Issue TemplateAbierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 66/100
SasanLabs/VulnerableApp#912 ·
Los mantenedores suelen responder en 1 día
-
area/build area/events area/storage area/storage/kafkasql area/storage/sql
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
Apicurio/apicurio-registry#11079 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
OpenAEV-Platform/openaev#9139 ·
Los mantenedores suelen responder en 1 día