Question

我正在使用jquery fullpage.js。我需要滚动条在我的页面上的最后一个div。我有4个部分。对于前3个部分，我需要autoScrolling为true，最后一部分为autoScrolling false。有没有选项在fullpage.js中设置？

Answer 1

对于这种情况，您可以使用选项overflowScroll:true。如果内容大于视口高度，那么只要需要就会创建一个滚动条。

看看this demo。

Answer 2

假设您有4个像这样的区块。你需要在最后一节滚动条确定。所以我们可以在CSS和JQuery的帮助下完成。

使用CSS

<style>
.sec_4{
height:100px;
width:200px
background:#000;
color:#fff;
overflow:auto;
}
</style>

使用JQuery 首先使用JQuery库文件。

$(document).ready(function () {
    $('.sec_4').css({
        'overflow': 'auto',
        'width': '200px',
        'height': '100px',
        'background': '#000',
        'color': '#fff'
    })
})

HTML

<div class="sec_1">
</div>

<div class="sec_2">
</div>

<div class="sec_3">
</div>

<div class="sec_4">
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
</div>

为特定部分jquery fullpage.js启用div滚动

2 个答案: