Задать вопрос
@Dmitri_Orlov
Студент 1 курса магистратуры, ОмГУ им Достоевского

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

Подскажите пожалуйста, например есть сайт где реализована горизонтальная прокрутка ( скролл) сайта.
Как пример - themespectrum.com/scroll-demo;
Как реализовать плавный скролл колесиком мышки по всему сайту?
Cкролл не по якорям, а само пролистывание всего сайта.
  • Вопрос задан
  • 271 просмотр
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 2
@kokapuk
element.scrollIntoView();
Ответ написан
Комментировать
@hypenth
Такое решение есть

function horizontalScroll(element) {
  element.addEventListener('wheel', function (event) {
    element.scrollLeft += event.deltaY;
    event.preventDefault();
  });
}


Плавности можно добиться отредактировав css, если хочется чего-то более навороченного то можно обратить внимание на этот плагин: https://idiotwu.github.io/smooth-scrollbar/

.element {
  overflow-y: hidden;
  overflow-x: scroll;
  scroll-behavior: smooth;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы