javascript - 100% 屏幕尺寸，无论分辨率如何

Question

我正在尝试创建一个网站，用户可以在其中的一系列部分之间进行垂直导航。基本上每个部分都会占据整个屏幕，无论屏幕分辨率如何，底部都有一个按钮，可以向下滚动到下一个全屏 div。关于如何处理这个的任何想法？这些按钮看起来很简单的 java 脚本，但我不太确定如何处理全屏 div

谢谢!

Answer 1

作为一种方法，您将希望一次只在 div 上显示，因此您可能想了解各种 JS slider 插件的工作方式(最强大和灵活的插件之一是 WooThemes 的 Flexslider)。

您需要确保当前可见的任何“幻灯片”都有一个占据全屏的固定位置:

.slide {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

然后将您的内容放在那里。也就是说，我确实质疑这种方法的可用性。