Javascript alvarotrigo.com/fullPage/和bootstrap 3网格问题

我正在使用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个coluns视图，一切正常

但对于较小的视口，这三列，转换为3个全宽列，这是一个问题，因为fullpage，js现在跳过滚动的第二列和第三列，所以如果我滚动到#section，我只看到第一个div，如果我向下滚动，动画将转到另一个部分，跳过第二和第三个div。我创建了简单的插图

div 2和div 3为灰色，以显示动画期间将跳过这些div

我的问题是，我是否可以在fullpage.js上进行设置或进行一些调整，以便在向下滚动后，脚本将显示这些div

---

谢谢。

我鼓励您使用一些

响应宽度

或

响应高度

选项来关闭小屏幕设备上的自动滚动功能

因此，您可以有如下内容：

$('#fullpage').fullpage({
    responsiveWidth: 758
});

---

滚动溢出：true

将帮助您在每个整页部分内滚动

检查

---

PS:fullpage脚本使视口的高度为100，因此我要求，它是js specyfic，而不是css…如果在部分中使用

fp auto heigh

类，则不会。

$('#fullpage').fullpage({
              sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'],
              scrollOverflow: true
});