вопрос немного сложнее, чем можно описать в заголовке. Я пытаюсь сделать что-то вроде этого:
Есть макет одной страницы с разделами содержимого. Каждая секция 100vh, некоторые из них выше. Когда пользователь прокручивает страницу вниз или проводит пальцем по экрану, происходит переход к следующему разделу. Когда в более высоком разделе пользователь свободно прокручивает, если он не находится за пределами раздела, происходит анимация.
Я пришел к выводу, что полоса прокрутки браузера должна быть чем-то вроде контроллера, а это значит, что она должна указывать значение позиции, которое JS переводит в правильную анимацию. Я создал фиксированный контейнер с разделами над телом страницы с высотой, равной общей высоте разделов, поэтому полоса прокрутки показывает правильные значения.
Проблема в том, что я не хочу, чтобы полоса прокрутки была видимой, потому что при ее перетаскивании возникает небольшой парадокс. Также будет некоторый контент, скользящий сбоку с собственной полосой прокрутки. Я думаю, что могу скрыть полосу прокрутки, выполнив некоторые трюки, если полоса прокрутки находится в div, а не в окне, но похоже, что когда фиксированный контейнер находится в контейнере с полосой прокрутки, прокрутка не происходит, когда мышь находится над фиксированным контейнер.
Итак, теперь я застрял между наличием полосы прокрутки окна и невозможностью прокрутки фиксированного контейнера. Буду очень признателен за любую помощь. Ваше здоровье!
какой-то html только для работы кодовых ссылок:
<div class="fixed">
<div class="section-container">
<div class="section"><h1>section 1</h1></div>
<div class="section"><h1>section 2</h1></div>
<div class="section"><h1>section 3</h1></div>
</div>
</div>