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

Question

[DeniSidorenko]

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

Answer 1

[Александр Шемаханов]

Сделайте обертку для вашего меню, и задайте ей overflow: hidden
Принцип показан на примере:

Answer 2

[ReActor Дмитрий Вершанский]

В рамках медиа-запросов на мобильном интервале разрешений, задайте для горизонтального скроллбара opacity: 0; Если необходимы будут псевдоэлементы для доступа к scrollbar - напишу ниже