В CSS для элемента div у меня есть прокрутка-поведение: плавная;.
Я хотел бы иметь возможность настроить плавность прокрутки. Есть ли способ установить замедление на кубическое Безье (0,42, 0, 0,58, 1) или замедление и т. д., используя только CSS?
Упрощенный пример фрагмента:
Код: Выделить всё
document.getElementById("scroll").addEventListener("click", function() {
if (document.getElementById("container").scrollTop===0) {
document.getElementById("container").scrollTop=100;
}
else {
document.getElementById("container").scrollTop=0;
}
});Код: Выделить всё
#container {
min-height: 100px;
max-height: 100px;
display: flex;
flex-direction:column;
overflow-y: auto;
border: 1px solid black;
margin-bottom:10px;
scroll-behavior: smooth;
}
#container > div:nth-child(odd){
background: #efefef;
}Код: Выделить всё
row 1
row 2
row 3
row 4
row 5
row 6
row 7
row 8
row 9
row 10
ScrollПодробнее здесь: https://stackoverflow.com/questions/784 ... oth-in-css
Мобильная версия