
такой вопрос.
т.к. знаю, что мое решение крайне отвратительно и поговнокодски🙃
1) Я кликаю по сайдбару и страница скроллится к нужному разделу.
2) Обычно в момент скролла прячется мой заголовок, а необходимый раздел (например алгебра) оказывается в самом верху страницы.
3) Когда я ставлю общему контейнеру overflow: hidden заголовок прячется все равно.
4) У заголовка position: absolute. Если поменять на fixed, то нижний контент наезжает поверх него.
5) Пробовала добавить window.scrollBy(top: высота header) - ноль реакции. Все равно происходит смещение.
6) Итог: сделала общий контейнер с position: fixed. Смещение или скролл на хэдер пропал. Работает автоскролл только внутри необходимого контейнера, т.е. как надо. Но началась проблема с шириной.
- Если я фиксированному общему контейнеру ставлю ширину = 100% - он почему-то становится шире моего окна браузера. И к тому же эта ширина теряет свою адаптивность и мне пришлось медиазапросами корректировать ее на тех точках, когда она наченает выезжать за границы окна