Quick-Icons auf Seitenrand
Eingetragen von DrupalFan (1646)
am 12.05.2017 - 22:09 Uhr in
am 12.05.2017 - 22:09 Uhr in
Auf vielen Seiten gibt es am Seitenrand eine senkrechte Leiste mit Quick-Icons. Diese Leiste bleibt meist immer auf halber Bildschirmhöhe, auch wenn man runterscrollt.
Wie realisiert man so eine Quick-Iconbar am Seitenrand in DRUPAL 8?
Gibt es dafür ein Modul?
- Anmelden oder Registrieren um Kommentare zu schreiben
Ob es ein Modul dazu gibt,
am 12.05.2017 - 22:27 Uhr
Ob es ein Modul dazu gibt, weiß ich nicht, aber das ist einfach mittels jQuery zu realisieren. Das sollte sich aber ergooglen lassen.
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Details
am 12.05.2017 - 22:40 Uhr
Ja, aber in Drupal 8 ist es schwieriger.
Wie würdest Du vorgehen?
Einen Block erstellen, Inhalt des Blocks sind die Quick-Icons, senkrecht angeordnet).
Block wo platzieren? Unter dem Footer?
Quickicons-Block per CSS an absolute Position setzen?
Nun fehlt noch der JQuery-Code, damit der Block immer auf halber Bildschirmhöhe bleibt. So ein JQuery-Script kann man bestimmt googeln.
Wie nennt man so eine Quickicon-Leiste am Seitenrand offiziell?
Hier ist ein Beispiel was du
am 13.05.2017 - 09:13 Uhr
Hier ist ein Beispiel was du weiter bearbeiten kannst:
https://jsfiddle.net/Lvwh3box/1/
Überlege aber bei dem Einbau auch, was ab mobiler Ansicht mit der Scrollfunktion passieren soll, wenn kein rechter Bereich mehr vorhanden ist.
Grüße Jenna
Danke
am 13.05.2017 - 11:14 Uhr
Danke, das ist ein schönes einfache Beispiel, gut verständlich.
Gibt es da noch andere Beispiele, vielleicht speziell für Drupal?
Was würdest Du in der mobilen Version machen (einfach etwas verkleinern?)?
Zitat: Was würdest Du in der
am 13.05.2017 - 13:14 Uhr
Was würdest Du in der mobilen Version machen (einfach etwas verkleinern?)?
Ich würde es überhaupt nicht benutzen, finde sowas meganervig und verlasse solche Seiten umgehend.
Mobil würde ich es per CSS ausblenden oder du testest sämtliche Endgeräte mit Live Vorschau, wie das Verhalten bei bestimmten Auflösungen, Browsern etc. dargestellt wird und optimierst es dementsprechend.
Grüße Jenna