單頁滾動頁腳不顯示

我正在使用此插件https://github.com/peachananr/onepage-scroll作爲我的投資組合。它工作正常，我唯一的問題是頁腳不顯示與我想要的高度（高度：150px）。單頁滾動頁腳不顯示

<div class="main"> 
<div class="section">1</div> 
<div class="section">2</div> 
<div class="section">3</div> 
<footer>Text</footer> 
</div>

如果我添加類部分到頁腳它可以工作，但它會使頁腳高度100％。

我發現另一個插件http://alvarotrigo.com/fullPage/可以解決這個問題，但我不想因爲一個問題而改變它。

如果有人能幫我解決這個問題，我會非常感謝。

來源

2016-12-28 Georgi K.

你爲什麼不問插件作者？ –

嘗試修復頁腳底部 –

我們可以看到一個jsfiddle或更多的代碼，它可能是各種各樣的東西。嘗試最小高度而不是高度。 –

我沒有看到任何內置的方式做到這一點。你願意修補插件嗎？如果是這樣，行之後：

$.fn.transformPage = function(settings, pos, index) {

地址：

if (pos <= -(total - 1) * 100) { 
    footer_height = sections.eq(-1).height(); 
    footer_percent = footer_height/$(this).height(); 
    pos = pos + 100 - (footer_percent * 100); 
}

而且對CSS，假設您的頁腳是.page3：

.onepage-wrapper .section.page3 { 
    height: 150px; 
}

See it working。

來源

2016-12-28 20:28:08

你可以用這樣的重要嘗試在CSS：

footer { 
height: 150px !important; 
}

來源

2016-12-28 14:09:28

這可以工作，除非通過插件在js中設置高度。 –

@SergChernata 僅當設置的高度設置爲！重要時。否則，它會覆蓋，因爲它設置爲！重要.. –

單頁滾動頁腳不顯示

回答

相關問題