Позиция прокрутки HTML при нажатии на ссылку

Question

У меня есть приложение MVC и я использую JQuery.

У меня есть якорь, который я настроил следующим образом

<a href="#" id="addcomment">Add Comment</a>

затем, когда якорь нажимается, я делаю это

$('#addcomment').click(function() {
    $('#divComments').slideDown(2000);
});

Проблема в том, когда якорь нажимается браузер прокручивается до верхней части окна немедленно ссылка нажата и тогда свитки div

Как мне остановить это? ?? 1011 *

Malcolm

Answer 1

Что не так с использованием именованного якоря?

Нет необходимости в накладных расходах JavaScript.

Answer 2

Вы должны добавить return false; в нижней части функции щелчка, чтобы предотвратить действие события ссылки по умолчанию. Событие ссылки по умолчанию в этом случае будет происходить в верхней части страницы, поскольку href # указывает браузеру перейти в начало. Так бы это выглядело так:

$('#addcomment').click(function() {
    $('#divComments').slideDown(2000);
    return false;
});

Хотя это тоже приемлемо:

$('#addcomment').click(function(e) {
    $('#divComments').slideDown(2000);
    e.preventDefault();
});

Документация здесь .