Как сделать плавный скроллинг страницы на чистом javascript?

Question

[eugene_d_dev]

Суть вопроса изложена в заголовке. Не к якорю, а просто скроллинг всей страницы. Без использования библиотек.

Answer 1

[A K]

Как сделать плавный скролл к якорю на чистом js? - Зачем задавать один и тот же вопрос? Все тоже самое что и с якорем.

Comments

[eugene_d_dev]

Не к якорю, а просто скроллинг всей страницы. Ваша невнимательность.

[eugene_d_dev]

Не то же самое.

[A K]

fajjet: я ж написал, технология одна. Какая невнимательность? На мой взгляд, Ваша?! Я написал, плавный скролл по странице и скролл к якорю - это одно и тоже: вы должны понять что плавный скролл - это лишь смещение на 100пикс + сетИнтервал, а в случае якоря это, например, 600пикс+сетИнтервал. Повторяю, это одно и тоже!

[eugene_d_dev]

Symphony: Ну ладно спасибо за ответ. Люблю критику. Зачем отвечать на вопрос, если можно просто придраться. Смещение на 100px?))) Это не совсем то, что я имел ввиду. Нужно также уменьшить расстояние одной прокрутки. Сейчас это примерно 100px на хроме.

[eugene_d_dev]

50px*

Answer 2

[Денис Инешин]

Вот как то так: jsfiddle.net/nr6f32j4

var top = 0;

var scr = setInterval(function () {
    top += 5;
    window.scrollTo(0, top);
    
    if (top > 1000) {
        clearInterval(scr);
    }
}, 15);

Comments

[eugene_d_dev]

Не автоскроллинг, а смягчение ручного скроллинга))

[eugene_d_dev]

Black Jack: Средствами js нельзя урезать расстояние одной прокрутки?

[eugene_d_dev]

Black Jack: ;DDDDDD. Ну это костыль обычный))))) Просто смещает обратно после скролла)))) Либо наоборот смещает вперед)) Работает ужасно))))