爲特定部分啓用div滾動jquery fullpage.js

我正在使用jquery fullpage.js。我需要在我的頁面上的最後一個div的滾動條。我有4個部分。對於前3個部分，我需要autoScrolling true和最後一部分autoScrolling false。有沒有任何選項可以在fullpage.js中設置？爲特定部分啓用div滾動jquery fullpage.js

來源

2014-10-09 user3714488

-1

假設你有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>

來源

2014-10-09 07:59:41 Websolutionexpert24

非常感謝它的工作。有什麼方法可以添加下一個按鈕箭頭嗎？ – user3714488 2014-10-09 09:47:18

再次，這將無法正常工作。每當您在最新版塊中向上滾動時，它都會觸發fullpage.js滾動，您將被移至上面的部分。即使你在最後一部分的底部試圖在其中滾動。 – Alvaro 2014-10-09 09:51:02

這不是解決您的問題的方法。 @ Websolutionexpert24顯然沒有在fullpage.js – Alvaro 2014-10-09 09:52:22

您可以使用該案例的選擇overflowScroll:true。如果內容大於視口高度，則會在需要時創建滾動條。

看看this demo。

來源

2014-10-09 09:39:58 Alvaro

中測試過。但是這個選項不起作用，我在我的最後一節有更多的內容，添加這個選項後沒有滾動條。 – user3714488 2014-10-09 10:30:24

這可能是因爲你忘記了一些東西......你可以在我提供的例子中看到它是如何正常工作的。檢查您是否在fullpage.js之後包含slimScroll JavaScript文件。 – Alvaro 2014-10-09 11:48:18

爲特定部分啓用div滾動jquery fullpage.js

回答

相關問題