Mantener posición en pagina

[Mcclaude10]

Hola buenas noches a todos, gracias por leer mi problema y ayudarme a la vez, tal vez sea una pregunta tonta o basica para algunos pero se que para otros tambien les servira al igual que a mi.

Trabajo en una pagina web y todo funciona casi bien, mi pregunta es: como puedo hacer para que al momento de pinchar un enlace:
<a href="#">Hola</a> "Poniendo un ejemplo" la pagina se mantenga en la misma posición, suponiendo que estoy en la mitad de la pagina que al hacer click en el enlace no me mande al principio de la pagina o al final, alguien podria explicarme por favor.

[Alexis88]

Pues, no tiene mucho sentido que digamos el que tengas un enlace que no te dirige hacia algún lugar. Creo que deberías empezar planteándote eso.

Saludos

[Mcclaude10]

Iniciado por Alexis88

Pues, no tiene mucho sentido que digamos el que tengas un enlace que no te dirige hacia algún lugar. Creo que deberías empezar planteándote eso.

Saludos

Gracias con responder Alexis88

Lo que pasa, es que mi problema es que tengo un menú con 4 enlaces con los que muestro información y escondo la anterior en la misma pagina, pero esos enlaces están a mitad de la pagina refiriéndonos verticalmente, entonces cuando hago clic en el enlace si muestra la información, pero me manda hasta el principio de la misma y tengo que volver a bajar hasta la posición del menú para poder ver la información, lo que necesito es que cuando se haga clic en el enlace se mantenga la misma posición sin que mande al principio o al final.

[caricatos]

Hola:

Los enlaces que empiezan por "#", se podrían considerar enlaces de anclaje o internos, y enlazan al ancla que se haya definido. Si ese ancla no existe o es el que tu tienes, llevan al tope de la página. Si como dices se muestra información, ésta estará condicionada con javascript, así que es "no accesible", pero puedes poner un identificador al elemento que contenga esa información para que sirva de ancla, y ese identificador usarlo en el enlace, detrás del caracter "#"...

De todos modos deberías informarte sobre la accesibilidad en páginas web... puede usarse javascript en las páginas y éstas ser accesibles.

Saludos

[mkiramu]

Necesitarás usar javascript para cambiar el comportamiendo por defecto de los enlaces con ancla vacía.

Código Javascript:

<script>
    // Obtenemos los enlaces vacios usando un selector de CSS.
    var enlaces_vacios = document.querySelectorAll('a[href="#"]');
 
    // La variable enlaces_vacios ahora es un array de elementos el cual vamos a iterar
    // para cambiar el comportamiento de cada enlace.
    for (var i = 0; i < enlaces_vacios.length; i++) {
        // Cuando a cada enlaces le den click, ya no hará ese "salto" brusco hacia el inicio de la página.
        enlaces_vacios[i].addEventListener('click', function(event){event.preventDefault();});
    };
</script>
 

Espero que te haya sido de utilidad.

Pruébalo y nos comentas.

Saludos