Как сделать что бы не появлялся горизантальный скролл?

Добрый день. Для скрытия меню задал transform translateX(100%)
При открытие добавляется класс и меню встает на translateX(0)
Все бы отлично но и за этого на мобильных и гаджетах с возможностью свайпа появляется скролл. Если задать для body overflow hidden не помогает
Если задать и для html то убирается, но если для body и html задачи overflow-x hidden появляется доп. ненужные баги, т.е этот вариант не рассматриваю. Какие есть еще варианты