... |
... |
@@ -562,6
+562,25 @@ |
562 |
562 |
|
563 |
563 |
{{/code}} |
564 |
564 |
|
|
565 |
+==== Berechnung eines Scroll-Offsets: {{version major="1" minor="5"}}{{/version}} ==== |
|
566 |
+ |
|
567 |
+Mit der Funktion Contest.calcScrollOffset() steht eine überschreibbare Schnittstelle zur Verfügung welche innerhalb der Scroll-Funktionen (außer scrollToTop()) gerufen wird um den berechneten Offset anzupassen. So ist es z.B. ggf. nötig bei mobilen Ansichten absolut positionierte Header in diesem mit zu berücksichtigen. Der zurückgegebene Wert wird zum Offset addiert. |
|
568 |
+ |
|
569 |
+{{code language="none"}} |
|
570 |
+// Liefert standardmäßig 0 zurück |
|
571 |
+Contest.calcScrollOffset(); |
|
572 |
+ |
|
573 |
+// Reduktion des Scroll-Offsets um 60 Pixel innerhalb einer mobilen Ansicht (Breite kleiner 960px). |
|
574 |
+Contest.calcScrollOffset = function(){ |
|
575 |
+ if(window.matchMedia('(min-width: 960px)').matches){ |
|
576 |
+ return 0; |
|
577 |
+ }else{ |
|
578 |
+ return -60; |
|
579 |
+ } |
|
580 |
+} |
|
581 |
+{{/code}} |
|
582 |
+ |
|
583 |
+ |
565 |
565 |
=== Portal-spezifisch === |
566 |
566 |
|
567 |
567 |
Innerhalb des Portals wird für die Carousel-Darstellung die Bibliothekt [[slick>>https://kenwheeler.github.io/slick/||rel="noopener noreferrer" target="_blank"]] verwendet. Dies lässt sich hierbei wie folgt ansprechen und umkonfigurieren: |