Javascript 带有2页的纵向屏幕，但只应显示其中一页

屏幕总是纵向的，大小是可变的

该页面将加载两个相邻的页面，就像一本书一样，但仅显示其中一个页面，另一个页面应隐藏在左侧或右侧，具体取决于当前显示的页面

如果显示左侧页面，应该有一种方法可以通过按钮移动到右侧页面。按下该按钮以显示右侧页面后，屏幕将朝该方向移动并显示另一页面

---

有人知道如何用JavaScript或CSS实现这一点吗。

有很多方法可以做到这一点。最快的方法是使用一个带有滑块的jQuery插件，一个响应性更好的滑块

我用非常简单的CSS为您创建了这个演示，可以编辑：

我使用JavaScript检测显示的完整大小，并将其传递到页面

var windowWidth = $(window).width();
var windowHeight = $(window).height();

$('.slide').width(windowWidth);
$('.slide').height(windowHeight);

您可以在.slide CSS类中将大小设置为您想要的任何大小

使用的脚本是jQuery和Flex Slider：

---

Flex Slider的优点在于它支持触摸功能，因此您不必按下按钮即可进入下一步，但如果您使用的是平板电脑之类的移动设备，则滑动也会移动页面。

jQuery将是最好的方法！