Что это за CSS или Javascript?

Question

[Влад]

Помогите, пожалуйста. Вот страница
www.rmes.ru/trenings/basis

1) при промотке страницы вниз в верхнем меню меняется фокус, в зависимости от того, какой раздел просматривает. При помощи чего, как это реализовано?



2) При клике по какой либо кнопке присходит плавная прокрутка в начало или в конец. Как реализуется эта плавная прокрутка?

Answer 1

[Виталий Инчин ☢]

1. Тык
2. К примеру, через jQuery: $("body, html").animate({scrollTop:10}, 300);

Comments

[Влад]

2 - спасибо!
1 - очень непонятная инструкция по установке.. не могу разобраться(

[Виталий Инчин ☢]

Влад: с JavaScript дружите?

[Влад]

плохо( не получается(

[Виталий Инчин ☢]

Влад: тогда вам нужно тут поискать: https://www.google.ru/search?q=%D0%BA%D0%B0%D0%BA+...

[Влад]

Виталий Инчин ☢: прокрутку через animate() я сделал) мне по первому вопросу проблема..

[Виталий Инчин ☢]

Влад:пример:

<nav>
   <a href="#home">Главная</a>
   <a href="#company">Компания</a>
   <a href="#contact">Контакты</a>
</nav>
<section id="home">
   Главная
</section>
<section id="company">
   Контакты
</section>
<section id="contact">
   Компания
</section>
<script type="text/javascript" src="http://in4in.esy.es/javascript/hSpy/jQuery.js"></script>
<script type="text/javascript" src="http://in4in.esy.es/javascript/hSpy/hSpy.jquery.min.js"></script>
<script type="text/javascript">
    jQuery("nav > a").hSpy(
      "section", {
        classTargets : "active",
        classTitles : "active",
        spaces : false,
        middleLine : 0,
        bottomLine : 0,
        axis : "y"
     }
);
</script>

и в стилях, к примеру:

nav > a.active{
   color: red;
}

[Влад]

Виталий Инчин ☢: получилось! спасибо большое!