Estoy usando smoothscroll.js para navegar por mi sitio. Se detiene en el anclaje correcto en Firefox, sin embargo, en Chrome pasa el punto en el primer clic del enlace y empuja el contenido hacia la parte superior, ocultando el contenido detrás de la página. luego, si vuelve a hacer clic, se alinea correctamente. También he visto los problemas en otros sitios. Es curioso ver si otros tienen el mismo problema. Chrome parece ignorar cualquier margen superior o margen o posición (ejemplo: parte superior: 20%;).Desplazarse al ancla con el encabezado fijo, el contenido oculto detrás del encabezado, el margen y el relleno superior no funcionan
7
A
Respuesta
10
resuelto: http://nicolasgallagher.com/jump-links-and-viewport-positioning/demo/#method-D
Hay varios métodos disponibles.
-3
Esto puede deberse a un nuevo tema de wordpress que utiliza el elemento html5 del encabezado. Cambié mi encabezado a div, y funcionó bien.
0
He usado Local Scroll (JQuery) para hacer esto.
Se le permite hacer una tapa compensado
$.localScroll({
offset: -100
});
Cuestiones relacionadas
- 1. Contenido que aparece detrás del encabezado fijo
- 2. Vista de lista personalizada con encabezado fijo, que causa Jank al configurar el relleno
- 3. Encabezado fijo jQuery Mobile
- 4. ¿Diferencia entre el margen y el relleno?
- 5. La imagen en el encabezado fijo de jquery se superpone al contenido hasta cambiar el tamaño del evento
- 6. El encabezado de 100% de ancho no llena el navegador
- 7. Encabezado fijo con jquery
- 8. cómo mantener fijo el encabezado y el pie de página de jquery mobile?
- 9. ¿Cuál es el razonamiento detrás del encabezado HTTP Date?
- 10. Ocultando el encabezado NSTableView?
- 11. Jquery mobile: deshabilita el encabezado y el pie de página fijo "tocar para alternar"
- 12. Encabezado/Incluir guardias no funcionan?
- 13. Normalize.css brecha del encabezado superior
- 14. wicked_pdf no muestra el encabezado
- 15. ¿por qué el margen superior no funciona?
- 16. Agregar un UIButton en el encabezado del encabezado de UITableView
- 17. El encabezado UICollectionView no muestra
- 18. Encabezado fijo en Jqtouch
- 19. css table-cell, el contenido tiene un margen superior innecesario
- 20. encabezado SOAP: ¿por qué autenticar en el encabezado y no el cuerpo?
- 21. Cómo quitar el margen superior de TextView?
- 22. JQuery ¿Desplazarse a Compensación desde la parte superior del navegador?
- 23. Establezca el alto y el ancho del botón como contenido de relleno y relleno principal
- 24. Tabla HTML desplazable con encabezado fijo y columna fija
- 25. fija de encabezado, pie y barras laterales con desplazamiento área de contenido en el centro
- 26. Ocultar el encabezado TabControl
- 27. Cambie el nombre del encabezado de tabla
- 28. Posición contenido fijo problema del solapamiento
- 29. css only - Desbordamiento de tabla con encabezado fijo
- 30. Encabezado fijo - Desplazar - CSS/jQuery
estoy teniendo problemas para entender cómo el #target en estos métodos se correlaciona con el . Estaba intentando - como en la demo- pero no voy. ¿Algun consejo? – ATSiem
Los métodos de Nicolas Gallagher son un poco complicados en comparación con http://stackoverflow.com/a/13184714/109618 que solo involucra este HTML y este CSS: a.anchor {display: block; posición: relativa; arriba: -50px; visibility: hidden;} –
También pienso, después de probar varios métodos, que el oculto es una solución muy fácil y agradable. le da un buen control sobre la posición del elemento vinculado sin destruir su diseño normal donde puede usar margen y relleno como desee. thx David James – dichterDichter