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

Question

[Дмитрий Орлов]

Подскажите пожалуйста, например есть сайт где реализована горизонтальная прокрутка ( скролл) сайта.
Как пример - themespectrum.com/scroll-demo;
Как реализовать плавный скролл колесиком мышки по всему сайту?
Cкролл не по якорям, а само пролистывание всего сайта.

Answer 1

[kokapuk]

element.scrollIntoView();

Answer 2

[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;
}