2014-02-16 24 views
2

使用Fullpage.js並試圖使其與wordpress一起工作,並向前發展。然而,我試圖找出如何能夠滾動滑動內容高於活動幻燈片的幻燈片。該插件帶有一個滾動溢出功能,但是它會讓滾動條滾動瀏覽內容,並繼續前進到下一張幻燈片。活動幻燈片上的滾動條,用於使Fullpage.js內容滿溢

理想情況下,停在當前幻燈片的常量滾動條對我來說是最好的選擇,但我不知道這是否可能。

已經擺弄了一段時間,所以如果任何人有任何想法如何解決這個問題,我會感激。我的網站:

http://www.svenssonsbild.se/Fullscreen/

編輯:意識到什麼,我想應該可以通過設置scrolloverflow實現:真正的插件的設置。只是沒有意識到它沒有爲我工作。因此,如果任何人有任何想法,爲什麼它不會爲我工作,那將是偉大的。我懷疑它有在腳本中硬編碼的腳本,並沒有排隊,我還沒有能夠弄清楚如何,因爲超級容器腳本創建重複。不管怎麼說,任何指針都會非常感興趣。

回答

6

我自己一直在努力,然後再次閱讀文檔。在這裏它指出:

  • scrollOverflow:(默認爲false)定義是否要創建一個 滾動在情況下,部分內容比高度的它 更大。在設置爲true的情況下,它會要求供應商插件 jquery.slimscroll.min,並且它應該在插入之前加載插件。例如:
<script type="text/javascript" src="vendors/jquery.slimscroll.min.js"></script> 
<script type="text/javascript" src="jquery.fullPage.js"></script> 

不加載SlimScroll.js是這裏的問題。

然後相應地設置$ .fn.fullpage({})配置。

$('#fullpage').fullpage({ 
    scrollOverflow: true 
}); 
+0

非常感謝!我花了幾個小時試圖解決這個問題沒有成功,我已經放鬆了我的思想! – Bruno

1

只是使用在移動設備上(動量和滯後,當它加點方式是mighht幫幫忙別人,我一直在使用這兩個插件(fullpage.js和slimscroll.js),但發現的問題與slimscroll問題)。

有可能scrollOverflow設置爲false,這下位添加到afterSlideLoad函數來獲取本地滾動如果內容太長:

$(」滑動。主動。‘),CSS(’overflow-。 Y」, '自動');