pozycja: naprawiono w pliku reveal.js

Question

Próbuję utworzyć nagłówek dla mojej prezentacji pliku reveal.js, która przykleja się do górnej części ekranu. Treść w nagłówku jest dynamiczna dla każdego slajdu, więc muszę umieścić znacznik w znaczniku sekcji.

Pozornie pozycja: naprawiona nie zapewnia satysfakcjonujących wyników w pliku reveal.js, jeśli znacznik znajduje się w znaczniku przekroju. Naprawdę nie mogę zrozumieć, dlaczego to jest dokładnie, ale znalazłem kilka informacji na github repo sugeruje ustawienie rozmiaru prezentacji do rozmiaru rzutni z:

Reveal.initialize { 
    ... 
    width: '100%', 
    height: '100%', 
    ... 
} 

Ale to nadal nie działa dla mnie - Wygląda na to, że powyższa prezentacja nie ma wpływu na prezentację. Oto demo:

https://dl.dropboxusercontent.com/u/706446/_linked%20stuff/reveal.js/index.html

Jakieś pomysły jak rozwiązać ten problem?

Answer 1

Pod koniec swojej main.html dodają:

Reveal.initialize({ center: false, })

Answer 2

Dodaj do tego css:

.reveal.slide .slides > section, .reveal.slide .slides > section > section { 
    min-height: 100% !important; 
    display: flex !important; 
    flex-direction: column !important; 
    justify-content: center !important; 
    position: absolute !important; 
    top: 0 !important; 
    align-items: center !important; 
} 
section > h1, section > h2 { 
    position: absolute !important; 
    top: 0 !important; 
    margin-left: auto !important; 
    margin-right: auto !important; 
    left: 0 !important; 
    right: 0 !important; 
    text-align: center !important; 
} 
.print-pdf .reveal.slide .slides > section, .print-pdf .reveal.slide .slides > section > section { 
    min-height: 770px !important; 
    position: relative !important; 
} 

• Demo https://rawgit.com/rofrol/reveal.js/fixed_header/
• Kod https://github.com/rofrol/reveal.js/blob/fixed_header/index.html#L411
• Dyskusja https://github.com/hakimel/reveal.js/issues/1312https://github.com/hakimel/reveal.js/issues/180