What is this CSS or Javascript?

Help, please. Here is the page
www.rmes.ru/trenings/basis

1) when promote down the page in the top menu focus changes, depending on which section of the scans. With what, how it is implemented?

2ddc246d0a0442ea93e0090f49f90df6.jpg

2) When clicking on any button going on smooth scrolling at the beginning or end. How to implement this smooth scrolling?

4f57b209f939426f8ecef59a81b83663.jpg
July 8th 19 at 16:37
1 answer
July 8th 19 at 16:39
Solution
1. Tyk
2. For example, using jQuery: $("body, html").animate({scrollTop:10}, 300);
2 - thank you!
1 - very unclear installation instructions.. I can not understand( - christina commented on July 8th 19 at 16:42
: JavaScript friends? - Jaiden.Ratke commented on July 8th 19 at 16:45
bad( not( - christina commented on July 8th 19 at 16:48
: then you need to look here: https://www.google.ru/search?q=%D0%BA%D0%B0%D0%BA+... - Jaiden.Ratke commented on July 8th 19 at 16:51
: scrolling through animate() I've done) I on the first issue problem. - christina commented on July 8th 19 at 16:54
example :

<nav>
 <a href="#home">Home</a>
 <a href="#company">Company</a>
 <a href="#contact">Contacts</a>
</nav>
<section id="home">
Main
</section>
<section id="company">
Contacts
</section>
<section id="contact">
Company
</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").of hspy(
 "section", {
 classTargets : "active",
 classTitles : "active",
 spaces : false
 middleLine : 0,
 bottomLine : 0,
 axis : "y"
}
);
</script>


and in styles, for example:

nav > a.active{
 color: red;
}
- Jaiden.Ratke commented on July 8th 19 at 16:57
: we did it! thank you very much! - christina commented on July 8th 19 at 17:00

Find more questions by tags CSS