我正在使用alvarotrigo.com/fullPage/实现漂亮的全屏效果。同时我也在使用Bootstrap 3网格系统,如下所示:
<section id="section" class="section">
<div class="home">
<div class="container-fluid position-relative">
<div class="row">
<div class="col-sm-4">
</div>
<div class="col-sm-4">
</div>
<div class="col-sm-4">
</div>
</div>
</div>
</div>
现在,我们看到3列,都在一个区域内关闭,这个html创建了3列视图,这很好。但是对于较小的视口,这三列会变成3个全宽列,这是问题,因为fullpage.js现在在滚动时跳过第二和第三列,所以如果我滚动到#section,我只能看到第一个div,如果我向下滚动,动画将转到另一个部分,跳过2和3 div。我创建了一个简单的插图。![enter image description here](https://istack.dev59.com/0r8bJ.webp)
fp-auto-heigh
类,则不会生效。 - Alvaro