在scrollabe上创建不可滚动的div

Question

如何创建宽度为100％的Div？无法滚动的高度。但是，点击按钮会进入“下一个视图”，即“100％”; （看不见）我希望网站的第二部分可滚动。有点像你可以说的头版。

我正在寻找的是或多或少的JS，它禁止在网站的一部分上滚动。

我想要的用于：https://mega.co.nz/。滚动条已经消失在“头版”

上

Answer 1

我用一个简单的例子做了一点小事。您所要做的就是在这些元素上管理.after类：

http://jsfiddle.net/CXtKC/

$('.next').on('click', function(e) {
   e.preventDefault();
   $('.screen1').addClass("after");
   $('.screen2').addClass("after");
});

Answer 2

使用JS plugin

一个简单易用的插件，用于创建全屏滚动网站。 （也称为单页网站）它允许创建fullscren滚动网站，以及在网站的部分内添加一些风景滑块。

希望它可以帮助你：）

Answer 3

嗯，也许这个有用......我不确定我是否真的得到了它，但你可以做一个div 包含2个div，并在该div中禁用滚动（溢出：隐藏）。 第一个容器div你调整宽度：100％和高度：100％，然后放一个按钮 向下滚动到第二个div，在第二个div中你可以滚动