So richten Sie ein Bild mit fester Position in einem Layout mit einer Seite ein

Question

Ich mache ein einzelnes Seiten-Design mit einer Komponente fullpage.js. der Code ist so etwas wie so ..

<div id="fullpage"> 
    <div class="section" id="section1">Some section</div> 
    <div class="section" id="section2">Some section</div> 
    <div class="section" id="section3">Some section</div> 
    <div class="section" id="section4">Some section</div> 
</div> 

Ich mag würde ein fixiertes Bild einzurichten - so der Titel-Logo aus dem Abschnitt 2 ab ist.

Sektion1 wird ein Foto-Hintergrund sein - aber Seite 2/3/4 - Ich möchte ein Titel div/Bild als die Seiten/Abschnitt scroll fixiert werden.

Ist das möglich?

codepen: http://codepen.io/anon/pen/OXMgmV

dank

Answer 1

können Sie erreichen dies eine einzige Zeile css

.fp-viewing-0 .title.fixed{ 
    visibility: hidden; 
} 

verwenden, können Sie es animieren, wenn Sie mit css-animation wollen transition oder delay

haben

Siehe CODEPEN