Плавная прокрутка, быстрая прокрутка и якорная навигация одновременно ⇐ CSS

[Anonymous]

Я пытался добиться плавной и быстрой прокрутки, используя привязку навигации к компоненту HTML. Одновременно должна быть видна только одна «вкладка». Пользователю придется щелкнуть имя вкладки, чтобы изменить текущую «вкладку».
Проблема, с которой я столкнулся, заключается в том, что я не могу использовать обе функции одновременно. Если прокрутка быстрая, то плавная анимация не осуществляется и наоборот.
Также хочу сделать, чтобы пользователь мог перетаскивать содержимое вкладки, чтобы изменить текущую вкладку , но это уже другой вопрос.
Код: (Использует попутный ветер, но это не имеет значения)

Код: Выделить всё

[url=#lorem-ipsum]Lorem ipsum[/url]
[url=#amet-porttitor]Amet porttitor[/url]
[url=#blandit-turpis]Blandit turpis[/url]



Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Suscipit adipiscing bibendum est ultricies integer quis.

Amet porttitor eget dolor morbi. Ullamcorper eget nulla facilisi etiam dignissim diam quis enim. Cras tincidunt lobortis feugiat vivamus at. Eleifend donec pretium vulputate sapien

Blandit turpis cursus in hac habitasse platea. Egestas tellus rutrum tellus pellentesque eu. In eu s augue neque gravida. Tristique nulla aliquet enim tortor at auctor. A




html {
scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}

Подробнее здесь: https://stackoverflow.com/questions/787 ... -same-time