Vor- / Zurückpfeile in Bannern bedingt anzeigen

Veröffentlichungsdatum: 23. Januar 2018
Änderungsdatum: 08. August 2023
Projektgrundlage: BASE

Sobald der erste bzw. der letzte Eintrag eines Banners sichtbar ist, kann der entsprechende Navigationspfeil über CSS ausgeblendet werden. Das geschieht über die zwei dynamischen Klassen firstEntryVisible und lastEntryVisible.

Blendet den Zurückpfeil aus, wenn der erste Eintrag sichtbar ist und den Vorpfeil, wenn der letzte Eintrag sichtbar ist

&.firstEntryVisible .listMoverBack {
  opacity:0;
  pointer-events:none;
}

&.lastEntryVisible .listMoverForward {
  opacity:0;
  pointer-events:none;
}