alvarotrigo.com/fullPage/和bootstrap 3网格问题
alvarotrigo.com/fullPage/和bootstrap 3网格问题
提问于 2015-12-15 15:29:32
我使用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列视图，这是可以的。
但是对于较小的视区，这三列转换成三个全宽的列，这就是问题所在，因为fullpage，js现在在滚动时跳过第二和第三列，所以如果我滚动到#section，我只看到第一个div，如果我向下滚动，动画将转到另一个部分，跳过2和3 div。我创建了一个简单的插图。
div 2和div 3是灰色的，表示在动画过程中将跳过这些div。
我的问题是，我可以在fullpage.js上做一些设置或者做一些调整，这样在向下滚动之后，脚本就会显示这些div吗？
谢谢。
回答 2
Stack Overflow用户
发布于 2015-12-15 20:59:12
我建议您使用一些responsiveWidth或responsiveHeight选项来关闭小屏幕设备上的autoScrolling功能。
因此，你可以拥有这样的东西：
$('#fullpage').fullpage({
responsiveWidth: 758
});Example online
Stack Overflow用户
发布于 2016-01-31 17:46:16
scrollOverflow: true将帮助您在每个整页部分中滚动。
检查jsfiddle Code for ScrollOverflow
$('#fullpage').fullpage({
sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'],
scrollOverflow: true
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34283334
复制相关文章
相似问题
腾讯云开发者
