JavaScript Erklärung gesucht!

[moritzmeyers]

Hallo!
Kann mir jemand möglichst ausführlich folgendes javaScript erklären?
Vielen Dank!

<script type='text/javascript'>
         document.onscroll = function () {
         var pos = window.pageYOffset;
         if (pos > 400)
         document.getElementById('fixedrand').style.top = pos + 'px';
         else
         document.getElementById('fixedrand').style.top = '400px';
         }
      </script>

 

[Yaslaw]

Hab schon lange kein Javascript mehr programmiert - mal schauen
Beim Scrollen auf der Page wird abe der Pos 400 (glaub 400px ab der Oberkante) das Element mit der ID:fixedrand nachgeschoben. Wahrscheinlich hat das Element fixedrand die Höhe 400px und soll so immer oben am angezeigten Ausschnitt im Browser kleben.

 

[merzi86]

Fast Yaslaw.
Das Element sitzt bei 400 Pixel von vom Oberen Rand.
Wenn nun gescrollt wird und der Obere Rand die Position von 400 Pixel erreicht wird das Element (fixedrand) auf die aktuelle Pixelzahl gesetzt.
Damit kommt der Effekt zum Tragen was Yaslaw bereits gesagt hat, dass das Element am Oberen Rand "kleben" bleibt.

Wenn die Position des Oberen Randes allerdings weniger als 400 Pixel beträgt wird das Element auf 400 Pixel gesetzt.