Как мне реализовать jQuery scrollTo для ссылок на той же странице? - PullRequest
Новая
       15

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

0 голосов
/ 08 октября 2010

Я новичок в jQuery и знаю о scrollTo, но не совсем понимаю, как заставить его работать на моем сайте.Я сделал быстрый поиск в Google и нашел много результатов, но на первый взгляд самый надежный (или, по крайней мере, самый популярный), используемый в настоящее время, это:в сценарии, не совсем уверен, как использовать его для выполнения моей задачи.(HTML и CSS - моя сумка, детка).

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

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

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

1 Ответ

3 голосов
/ 08 октября 2010

см. : .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;
    });
});

edit : протестируйте здесь: http://jsbin.com/ecaye

...