1ページスクロールフッターが表示されません

Question

私はこのプラグインを使用しています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/が見つかりましたが、1つの問題のみのために変更したくありません。

誰かがこの問題を解決するのを手伝ってくれたら、私はとても感謝しています。

Answer 1

。あなたはプラグインにパッチを当てますか？その場合、行の後：

$.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。

Answer 2

あなたは、このような重要とCSSでそれを試すことができます：私はそれを行うための任意の組み込みの方法を見ていない

footer { 
height: 150px !important; 
}