cómo evitar que el desplazamiento de la página se encienda en el enlace JavaScript haga clic:

Al activar un evento de JavaScript desde un elemento vinculado, como una etiqueta de ancla Fires.

Solución:

para evitar este comportamiento no deseado, es necesario suprimir la acción predeterminada del evento de clic. Esto se puede lograr usando dos métodos:

1. event.preventDefault ():

llamando al método .preventDefault () en el objeto de eventos pasado al controlador de eventos, puede evitar el comportamiento predeterminado de navegar al destino del enlace.

] ejemplo (jQuery):

$('#my-link').click(function(event) {
  event.preventDefault();
  // Your JavaScript code here
});

ejemplo (dom):

document.getElementById('my-link').addEventListener('click', function(event) {
  event.preventDefault();
  // Your JavaScript code here
});

2. return false:

ejemplo (jQuery): [&]

$('#my-link').click(function(event) {
  // Your JavaScript code here
  return false;
});