Можно ли установить плавность поведения прокрутки: плавность в CSS?CSS

Разбираемся в CSS
Ответить
Anonymous
 Можно ли установить плавность поведения прокрутки: плавность в CSS?

Сообщение Anonymous »

У меня есть div с установленным параметром overflow-y:auto;. Некоторые javascript прокручивают элементы в определенные позиции на основе пользовательского ввода.
В 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»