在CSS或Javascript中滑动全宽div

Question

我一直在互联网上寻找一个好的图书馆或制作移动全宽/高度div的方式

  

当我点击一个按钮时，它会向右滑动，显示另一个div   使用新内容，并将当前div推向左侧（或右侧）

蓝色框是我的视口，在这种情况下是移动

这是一个糟透的插图，以显示我的意思

我尝试过使用CSS（半成功）我可以使用

显示另一个div

.slide {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform .5s ease-in-out;
}

#slide-options {
    background: #eee;
    transform: translate(100%, 0);
}

#slide-options.active {
    transform: translate(0,0);
}

但它只是在第一个div上滑动，而不是推动它 任何想法或现有的图书馆？

谢谢！