Когда скрываю меню, оно сначала дергается влево, а потом скрывается. Как пофиксить?

Question

[Anton Fyodorov]

https://codepen.io/Anton-forntend/pen/zaRbYq/

Answer 1

[Сергей delphinpro]

Вычислите ширину полосы прокрутки и вместе с оверфлоу добавляйте такой же марджин справа.

Как вычислить джавасриптом ширину скроллбара гугл подскажет.

Comments

[Anton Fyodorov]

Я так и сделал, вы в коде посмотрите. Проблема в другом

[Сергей delphinpro]

Anton Fyodorov, Извините, не посмотрел код =))

Для того чтобы понять причину дергания, поставьте большое время анимации перехода, секунд 10.

Когда станет понятно, придет логический вывод — возвращать скроллбар и обнулять марджин у боди нужно по окончании анимации.
Окончание анимации можно отследить по событию transitionend (со всеми префиксами, если требуется)

[Anton Fyodorov]

Сергей delphinpro, Спасибо, вам огромное!