Плавная прокрутка

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
    //Плавная прокрутка
    var linkNav = document.querySelectorAll('[href^="#block-"]'),
        V = 0.3; // скорость, может иметь дробное значение через точку
        for (var i = 0; i < linkNav.length; i++) {
            linkNav[i].addEventListener('click', function(e) {
                e.preventDefault();
            var w = window.pageYOffset, // прокрутка
            hash = this.href.replace(/[^#]*(.*)/, '$1'); // id элемента, к которому нужно перейти
            t = document.querySelector(hash).getBoundingClientRect().top, // отступ от окна браузера до id
            start = null;
            requestAnimationFrame(step); // подробнее про функцию анимации [developer.mozilla.org]
            function step(time) {
                if (start === null) start = time;
                var progress = time - start,
                r = (t < 0 ? Math.max(w - progress / V, w + t) : Math.min(w + progress / V, w + t));
                window.scrollTo(0, r);
                if (r != w + t) {
                    requestAnimationFrame(step)
                } else {
                    //location.hash = hash // URL с хэшем
                }
            }
        }, false);
        }