Как проскролить плавно страницу вниз до опреденнного элемента?

#jquery

Проискал некоторые исходники - не работали. Это надо сделать на jQuery. Скролинг
вверх я знаю, вот мне надо вниз и до определенного элемента, лучше с демо, чтоб посмотреть.    

Ответы

Ответ 1

Создаете элемент до которого нужно скролить и запоминаете его id:
content

Далее создаете ссылку или кнопку с указанием id элемента куда скролить:
click me

И собственно скрипт для скролинга:
$(document).ready(function () {
    $("a").click(function () {
        var elementClick = $(this).attr("href");
        var destination = $(elementClick).offset().top;
        if ($.browser.safari) {
            $('body').animate({ scrollTop: destination }, 1100); //1100 - скорость
        } else {
            $('html').animate({ scrollTop: destination }, 1100);
        }
        return false; 
    });
});

В данном скрипте работает прокрутка, как вверх, так и вниз.
UPD: добавлен полный пример страницы









scroll down
div

CONTENT

scroll up
div





Ответ 2

Допустим у тебя есть кнопка вверху экрана


        
            
        



Дальше тебе нужен JQuery

$(".button").click(function(){
$("html, body").animate({scrollTop: $("header").height()+ 7200 },"slow");

return false;});


В этом случае отбивка будет от моего header. Высоту в 7200 подбираешь сам.