Fixní lišta při scrollování – HTML / XHTML – Fórum – Programujte.com

Dobrý den,

pokoušel sem se zprovoznit tyto kódy: http://jsfiddle.net/v97Lp7pw/1/ , ale nepodařilo se mi je asi propojit protože panel s nápisem pod obrázkem který má být fixní tak nebyl. Zkoušel jsem různé způsoby odkazování na css a java ale nefungovalo. Nenašel by se někdo tak hodný že by mi to zkompletoval do souborů ke stažení? 

Děkuji velmi za jakoukoli pomoc.

Ve FF mi to funguje. Zascrolujes pres bublinky a pak uz to dal nescroluje ten napis HELLO GUYS. Presne podle kodu.

var elementPosition = $('#navigation').offset();
<div class="whiteboard" id="navigation">
    <h1><a href="#">HELLO GUYS</a></h1>

Pouziva to css position:fixed.

Pokud mas problem s jinym kodem, musis sem dat ten a ne funkcni verzi. treba jsi tam nenahral vsechen javascript. Mel jsi tam knihovnu jquery? Muzes zkusit pouzit tu od googlu. Bez jquery ti vyhlasi js konzola furu errors a nic z toho ti nepojede.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>