Ненужная прокрутка вверху страницы при нажатии # link

Question

У меня есть ссылка на странице <a href="#"..., которая связана с функцией jquery. После того, как была нажата ссылка, страница прокручивалась вверх, и это кажется излишним поведением. Есть ли способ предотвратить прокрутку?

Answer 1

На щелчком кнопки вы можете предотвратить действие по умолчанию с помощью preventDefault():

$('a[href="#"]').on('click', function(event) { 
 
    event.preventDefault(); 
 
    console.log('default action prevented'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href='#'>Button</a>

Answer 2

Вы можете предотвратить следование #, выбрав их и используя event.preventDefault():

$(function() { 
    $('a[href="#"]').click(function (e) { 
    e.preventDefault(); 
    }); 
}) 

Answer 3

вы можете используйте это: (предотвратите щелчок)

<a href="javascript(0)" >...</a>