Eine Seite Scroll Fußzeile zeigt nicht

Question

Ich verwende dieses Plugin https://github.com/peachananr/onepage-scroll für mein Portfolio. Es funktioniert gut, das einzige Problem, das ich habe, ist, dass die Fußzeile nicht mit der Höhe angezeigt wird, die ich möchte (Höhe: 150px).

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

Wenn ich die Klasse Abschnitt der Fußzeile hinzufügen wird es funktionieren, aber es wird die Fußzeile Höhe von 100% machen.

Ich fand ein anderes Plugin http://alvarotrigo.com/fullPage/, das dieses Problem lösen kann, aber ich möchte es nicht wegen eines einzigen Problems ändern.

Wenn jemand mir helfen kann, dieses Problem zu lösen, werde ich sehr dankbar sein.

Answer 1

ich keine integrierte Möglichkeit sah, das zu tun. Bist du bereit, das Plugin zu patchen? Wenn ja, nach Zeile:

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

Anzahl:

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

Und auf der CSS, unter der Annahme der Fußzeile ist auf .page3:

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

See it working.

Answer 2

Sie können es in CSS versuchen, mit wichtig wie folgt aus:

footer { 
height: 150px !important; 
}