Timed jquery/back to top html css link

Question

Я пытаюсь развернуть свою страницу, чтобы перейти к разным разделам на моем сайте. Например, если пользователь нажимает на ссылку, говорящую с нами, он будет спускаться вниз по странице в раздел контакта (страница представляет собой одностраничный дизайн с меню, установленным слева). Я хочу использовать метод «timed», чтобы он прокручивался, а не «прыгал». Я нашел пример в http://webdesignerwall.com/tutorials/animated-scroll-to-top в jquery, знает ли кто-нибудь лучшее учебное пособие для разных частей сайта, а не только назад?

Answer 1

Вы можете найти в Интернете для JQuery Выделите Див, и вы будете иметь результаты, как this

demo

Вы можете рекурсивно вызывать функцию через определенное время (.delay()) и динамически изменять имя div.

Answer 2

формат

Ссылка: <a href="#IDofElementToScrollTo">Click This</a>

Целевой элемент: <div id="IDofElementToScollTo"></div>

$('a[href*=#]').click(function(e) { 
    e.preventDefault(); 
    var target = $(this.hash); 
    var elm = $(target).attr("id"); 
    var loc = $(target).offset().top; 
    $('body').animate({ scrollTop: loc}, 4000); 
}); 

Смотрите эту скрипку: http://jsfiddle.net/Mft3T/