0
159
VistasDesplazamiento automático de página a Ancla en condiciones específicas
Tengo una página de cuenta con barra lateral (en la foto)
Quiero que la página se desplace automáticamente a #hello ancla en modo tableta y teléfono, así que en CSS @media 787
No puedo encontrar el jQuery apropiado o cómo hacerlo claramente.
Me gustaría un método moderno y sencillo.
Como quiero que este jQuery se ejecute solo en la cuenta de la página y en @media 787px , ¿puede ser útil especificar esta regla?
si usa un método de limpieza simple, por favor comparta
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Puede comprobar si el ancho de la ventana gráfica es inferior a 788 px y, de ser así, establezca location.hash en hello :
const width = $(window).width(); if(width < 788){ location.hash = "hello"; } #hello{ margin-top:2000px; display:block; } html{ scroll-behavior:smooth; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a id="hello" href="#">Hello World!</a>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta