AngularJS：如何使内部div可见

Question

我有3个相同大小的div相互堆叠。每个div都具有屏幕的大小，该图像在具有黑色框架的图像上可视化。 我想要实现的是在开始时使div2可见。这意味着当我向上或向下滑动时，div2正在填充屏幕，其他div只是可见。 现在，div1在开头可见，因为它是第一个div。

任何帮助？

<div id="wrapper" style="overflow:hidden" layout="column">
  <div id="div1"></div>
  <div id="div2"></div>
  <div id="div3"></div>
</div>

Answer 1

试试这个库：

https://github.com/alvarotrigo/fullPage.js

HTML

<div id="fullpage">
  <div class="section" id="div1">a</div>
  <div class="section active" id="div2">b</div>
  <div class="section" id="div3">c</div>
</div>

CSS

#fullpage>div{
    height: 100vh;
}

为了在页面加载中查看第二个方块，将active类添加到div。 希望它有所帮助。