Как сделать анимацию более плавной?

Question

[Дмитрий Жуков]

Речь о шапке на сайте dev.visiline.kz.
При скролле вниз шапка уменьшается, элементы пропадают плавно, при скролле вверх, блок "авторизация/регистрация", появляясь, резко отбрасывают блок меню. Не могу придумать, как это исправить.

Answer 1

[Андрей Верх]

1. Увеличивайте высоту всей шапки, а не каждого элемента в отдельности. Элементы можно красиво анимировать через opacity.
2. Анимируйте появление на CSS, а не через js

Сейчас действительно ужасно выглядит.

Comments

[senefu]

Там JS только класс добавляет, при чем тут это?

[Андрей Верх]

senefu: в том то и дело, что не только. У вас появление каждого блока через show()