Как скрыть блок за пределами экрана без прокрутки?

Question

[urajo]

<li class="header__menu-item header__menu-tab">
	<a href="#" class="header__menu-link">Выпадашка</a>
	<ul class="header__wrap-submenu">
		<li class="header__submenu-item">
			<a href="#" class="header__submenu-link">Знания</a>
		</li>
         </ul>
</li>

header__menu-tab - релатив
header__wrap-submenu - абсолют
Хочу сместить подменю за пределы экрана, что бы сделать анимацию выезжания текста, появляется строка прокрутки горизонтальная.
Пробовал translateX(1000px); и просто right - полоса появляется

Answer 1

[Pashok Doom]

overflow-x: hidden
на контейнер?

Comments

[urajo]

тогда вообще не видно выпадающие меню

Answer 2

[neuroscript]

Зачем такие мучения? Используйте animate.css и оттуда возьмите анимацию "выезжания",
Или сами анимируйте, только не display: none, а то анимации не будет. Не забудьте про z-index