Скролл внутри страницы?

Question

[Breeze1]

https://codepen.io/brezze/pen/zyVZdv

Подскажите пожалуйста, когда мы скролим страницу вниз, доходим до блока с элементами, скролл страницы отключается, начинается скролл вправо всех элементов, когда скролл заканчивается, активируется скролл всей страницы. Как это реализовать ?

Comments

[shmatuan]

ловить скролл, переключать на горизонтальный, ловить опять и переключать на вертикальный

https://stackoverflow.com/questions/24639103/chang...

https://github.com/koggdal/scroll-converter

[Алексей]

edward_freedom, спасибо за емкий и понятный ответ.

Answer 1

[zaartix]

Не уверен, что такое возможно, обратите внимание на поведение вин10. скроллится та часть, над которой находится курсор, даже если курсор на странице не в фокусе.

К примеру у меня сейчас фокус тут в текстареи, однако без клика и без нажатия на какие-либо кнопки я могу скроллить телегу на втором мониторе. Повторюсь, фокус сейчас тут в блоке текста.

Comments

[Breeze1]

Вы наверно забыли пример прикрепить, куда смотреть ?)

[zaartix]

Breeze1, нет, вы не совсем меня поняли. Я рассказывал про процесс написания коммента. Пока печатал вам сообщение - проверил: навел мышку на соседнее окно, где была возможность скроллить и без клика (без потери фокуса из текстового блока коммента) смог проскроллить эту область.

Answer 2

[grinat]

Сделай

document.addEventListener('wheel', (evt) => { 
   console.log(evt); 
})

в консоли увидишь инфу о том какого размера скрол и т.п., определяешь доскролено ли до тових блоков(getBoundgRect()), если да то, evt.preventDefault(); и тем блоком передаешь скрол как document.getEleemnt().scrollLeft = bla-bal, с тачами отедльная история. Но ты теперь знаешь куда копать, так шо разбирайся.