Как пофиксить дергание блока по ховеру?

Question

[artuh_a]

По ховеру скрываю иконку, которая находится внутри заголовка. Если проскролить экран так, чтобы заголовок был хотя бы частично скрыт, появляется баг: блок дергается и сдвигается на высоту скрываемой иконки. Как это можно исправить?

Answer 1

[Шухрат Рустамов]

Можно это сгладить с помощью transition:

задай это на картинку(иконку)
transition: height .3s linear;

а это на ссылку или что у тебя изменяется при ховере
transition: margin-top .3s linear;

Comments

[artuh_a]

дело не в плавности эффекта, оранжевый блок вообще не должен никуда сдвигаться. Должно быть такое же поведение как если мы не скролим страницу. Прикрепил 2 скриншота в описание.

Answer 2

[newhacke]

Воспользуйся min max width/height поможет)