вопрос немного сложнее, чем может описать заголовок. Я пытаюсь сделать что-то вроде этого:Как сделать прокрутку страницы под фиксированным контейнером?
Существует одностраничный макет с разделами контента. Каждая секция 100vh, некоторые из них выше. Когда пользователь прокручивается или прокручивает анимацию, происходит переход к следующему разделу. Когда в более высоком разделе пользователь свободно прокручивается, если в границах раздела не возникает анимация.
У меня возникла идея, что полоса прокрутки браузера должна быть чем-то вроде контроллера, это означает, что она должна указывать значение позиции, которое будет переводиться JS в соответствующую анимацию. Я создал контейнер с фиксированным расположением с секциями над телом страницы с его высотой, установленной на общую высоту секций, поэтому полоса прокрутки указывает правильные значения.
Проблема в том, что я не хочу, чтобы полоса прокрутки была видимой, потому что при перетаскивании она немного парадокса. Также будет некоторое содержимое, скользящее со стороны со своей собственной полосой прокрутки. Я думаю, что я могу скрыть полосу прокрутки, выполнив некоторые трюки, если полоса прокрутки находится в div, а не в окне, но похоже, что когда фиксированный контейнер находится в контейнере с полосой прокрутки, прокрутка не происходит, когда мышь находится над фиксированным контейнер.
Итак, теперь я застрял между окнами прокрутки и не мог прокручивать фиксированный контейнер. Я бы очень признателен за любую помощь. Ура!
некоторые HTML только для codepen ссылки на работу:
<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>
codepen example with body scroll
codepen example with container scroll
Опубликовать минимальный фрагмент рабочего кода, воспроизводящий проблему – LGSon