Ignorar salto de posición al usar un #

[hey_alan]

Buen día.

Tengo un slide, que está programado desde un menú lateral de la siguiente manera:

Código HTML:

<ul id="menu">
<li id="a"><a href="#inicio"><span>I</span>nicio</a></li>
<li id="b"><a href="#servicios"><span>S</span>ervicios</a></li>
<li id="c"><a href="#portafolio"><span>P</span>ortafolio</a></li>
<li id="d"><a href="#contacto"><span>C</span>ontacto</a></li>
</ul>
 

El caso es que será un slide que manipularé con JQuery. Como todos sabemos, los enlaces llevarán a la misma página y usé en el href el símbolo del gato con el id de la respectiva capa.

Esto lo hago para que cuando el navegador tenga JS desactivado, al hacer click en el enlace se salte hasta el punto donde se encuentra dicha capa.

Todo está perfecto, sólo que cuando está activado, igualmente da un salto de posicíon que no se ve bien.

Existe alguna manera de hacer que el navegador ignore ese salto si JS está activado?

Muchísimas gracias ;)

[ceSharp]

hola Alan,
a ver si me he enterado bien. si el usuario no tiene JS activado has montado un script para que se mueva por anclas (o símbolos de gato, como tú dices). Si es eso, siempre lo va a hacer así, tenga o no el javascript activado. Supongo que conoces la etiqueta <noscript>, con ella puedes montar tu sistema de anclas en caso de que el usuario tenga el JS desactivado. pero debes quitarlo de tu código JS, porque sino pasa lo que tú dices; que aunque tenga el JS activado se mueve por anclas.

saludos.

[caricatos]

Hola:

Para cancelar enlaces se pone: onclick="return false".

Saludos ;arriba:

[JBalde]

Si lo controlas por javascript, puedes hacer algo como lo siguiente que seguramente tengas

$("#menu > li > a").onclick(function() {
//tucodigo
....
return false;
});

poniendo el return false ahi te aseguras que el link, ancla o enlace de toda la vida no se ejecute cuando el javascript este activo.

[hey_alan]

Muchas gracias ;)

Lo que buscaba exactamente era un truco como el del return, no creo que sea muy viable tener que hacer una separación <noscript> de los enlaces, justamente eso era lo que quería evitar (bueno, más bien yo tenía pensado modificar el atributo href desde JQuery para quitarle el enlace interno).

Muchas gracias a todos ;)