Я упростил код до такого
<!DOCTYPE html>
<body>
<div class="frame">
<div class="body">
<div class="page0">
<button>111111111111111111111</button>
</div>
<div class=" page1">
<button>2222222222222222222222222</button>
</div>
</div>
</div>
<style>
.frame {
background: red;
}
.frame .body {
width: 100%;
position: relative;
overflow: hidden;
height: 5vmin;
}
.frame .body>div {
width: 100%;
position: absolute;
}
.page0 {
left: 0;
opacity:1;
}
.page1 {
left: 100%;
opacity:0;
}
</style>
</body>
</html>
Я хочу чтоб одно окно (на котором могут быть кнопки и тд) могло быть в стороне с нулевой видимостю, о одно отображалось. Вызывая событие я хочу иметь возможность програмно сдвигать окна и изменять прозрачность и ето работает, но нажатие табов ломает все