Как реализовать jQuery scrollTo для ссылок на одной странице?

Question

Я ноб с jQuery, и я знаю про scrollTo, но не совсем, как заставить его функционировать на моем сайте. Я сделал быстрый поиск в Google и нашел много результатов, но с первого взгляда самый надежный (или, по крайней мере, самый популярный) в настоящее время используется: http://plugins.jquery.com/project/ScrollTo

Однако, опять же, будучи полным noob для создания сценариев, а не точно уверен, как использовать его для выполнения моей задачи. (HTML и CSS - моя сумка, ребенок).

Итак, вот что я пытаюсь сделать ... очень простые вещи, я уверен.

http://joelglovier.com Я создаю сайт с одной страницей «шлюз» со ссылками на многие другие интересные веб-страницы. У меня есть верхняя навигация, которая просто просто привязывает к привязкам дальше по странице. Все, что я хочу, это прокрутка, чтобы привлечь моих пользователей к этим якорям в приятной анимированной манере. Сказал вам, что это было просто!

Любая помощь была оценена наилучшим образом для реализации этого и существует ли текущий стандарт для этого типа scrollTo (я вижу его везде в наши дни).

Answer 1

см: .offset(), .scrollTop(), .animate()

вы можете сделать некоторые вещи, как

$(function() { 
    $('#nav-find-me-at a').click(function() { 
     var pos = $('#find-me-at').offset().top; 
     $('html, body').animate({'scrollTop' : pos}, 1000); 
      return false; 
    }); 
}); 

редактировать: тест его здесь: http://jsbin.com/ecaye