2014-11-01 3 views
-2

Мне нужна помощь. Я работаю над проектом для своего нового сайта, это 1 страница с прокручиваемыми изображениями, сайт parallax. Проблема в том, что я нажимаю ссылку, например, альбомы, контакты, и т. д., это нормально, страница переходит в раздел about или раздел контакта, но мгновенно, а не с scroll.I пробовал разные плагины JQuery, например scrollTo.js, stellar.js, но id не работал. Можете ли вы помочь я, ребята? Я помещаю папку, содержащую index.html, style.css и скрипты и изображения здесь: https://www.mediafire.com/folder/qne9srlc76xxa/Parallax_websiteПрокрутка страницы не работает

Пожалуйста, взгляните на код и дайте мне решение. Я просто хочу знать, как я могу пойти в раздел, в div, когда я нажимаю на меню ссылок со свитком, теперь прямо.

Спасибо, ребята.

Надеюсь, вы можете мне помочь!

+1

немногие скачать Mediafire и тест, не рекомендуется использовать вместо jsfiddle –

ответ

1

Я обычно использую JQuery для этого:

//animates the body to scroll to a section from the menu 

//selects links that have a hash tag 
$(".nav li a[href*='#']").on('click', function(e) { 

    //prevent the default action when an anchor link is clicked 
    e.preventDefault(); 

    //animate scrolling and go to that certain section pointed by the anchor link 
    $('html, body').animate({ scrollTop: $(this.hash).offset().top }, 600); 
}); 
Смежные вопросы