Гладкий свиток с javascript onclick

Я использую эту ссылку:

<a class="" onclick="location.href='#top'" href="superContent">superContent</a>

Он делает сразу две вещи:

  • Переход к верхней части страницы
  • Выполняет эту другую (не связанную) функцию загрузки ajax

Все отлично работает, за исключением того, что я пытаюсь понять, как заставить его быстрее прокручивать верх. Я попытался добавить .scroll, чтобы прикрепить его к моему плагину jquery scrollTo, но ничего не происходит, что, вероятно, связано с тем фактом, что я использую javascript onclick, в то время как атрибут href делает что-то еще полностью.

Есть ли способ прикреплять анимированную плавную прокрутку к onclick = "location.href= '# top'"?

Ответ 1

Попробуйте это, он оживляет функцию scrollTop().

Установить идентификатор ссылки:

<a id="link">link</a>

jquery для прокрутки:

$('#link').click(function(){
    $("html, body").animate({ scrollTop: 0 }, 600);
    return false;
 });