Пытаюсь сделать плавный скролл на якорь при нажатии на ссылку. Но работает не так, как должно.
Структура сайта такая:
- Слева sidebar
- Справа зона контента
Соответственно левая часть статичная, а в правой прокручивается в зависимости от высоты контента.
Для этого в родительский блок .container
был помещен блок .child.scrollable
.child {
position: absolute;
width: 100%;
height: 100%;
}
.scrollable {
overflow-y: auto;
}
Вроде все просто и банально, но не могу понять, почему ведет себя так переключение между якорями. При нажатии на первую ссылку страница скроллится на нужное место, но при повторном нажатии страница поднимается в начало. И так на всех ссылках.
Если же убрать дочерний блок .child.scrollable
, то все работает как должно.
В чем может быть проблема?