Техника анимации для привлечения внимания пользователя или просто косяк?

Question

[dhat]

Постоянно наблюдаю эту фишку - эдакое дергание всей страницы перед выездом меню. Это такой эффект fade-out/in (или того рода, я пока не сильно разбирался в анимации). Вот пример - https://tproger.ru/digest/5-animation-tools-for-web/

Так вот, это специальный эффект или просто лень/кривые руки разработчика, которые пользуются готвыми библиотеками для jQuery? (кстати, что за библиотека, если она тут используется?)

Answer 1

[life]

На меню просто вешается position: fixed и его высота теряется. Его место занимает нижний блок и поэтому происходит дергание.

Comments

[dhat]

Есть какая-то практика избегать этого дергания? Вот на этом же сайте можно было этот хедер составить из 2-х дивов, и нижний див бы просто фиксился к верху.

[Антон]

Да Вы мастер извращений) Я честно в код лезть не хочу, но его будет явно проще отредактировать.

[dhat]

Антон Хлебников: а в чем извращение, не понял?

[Антон]

Да я так, шутя. Можно и так сделать)

Answer 2

[Антон]

Вам бы не менять класс fixed, а в ручную выставить размеры при котором он должен принимать значения position: fixed;