Multi Scrolls

  • Gelöst reowvgk

    (@reowvgk)


    vor 3 Jahren, 4 Monaten

    Hallo zusammen,

    ich habe folgendes Problem:

    Ich habe eine Seite mit 3 Spalten.
    Diese Spalten sollen alle einzeln Scrollbar sein.
    Man soll wirklich scrollen können nicht fixieren/sticky ,da in jeder Spalte mehr als eine Seite Inhalt vorhanden ist.

    Ist dies möglich? Habe es schon mit Sticky Plugins getestet, welche nicht so funktioniert haben wie ich es mir erhofft hatte.
    Danke im voraus!
    (edit: Die Seite ist nur Intern erreichbar, kann sie euch leider nicht zeigen)

    • Dieses Thema wurde geändert vor 3 Jahren, 4 Monaten von reowvgk.
Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • bscu

    (@bscu)

    vor 3 Jahren, 4 Monaten

    Das kann man mit CSS lösen, siehe https://www.w3schools.com/css/tryit.asp?filename=trycss_overflow_intro

    Moderator Bego Mario Garde

    (@pixolin)

    vor 3 Jahren, 4 Monaten

    Ich habe im Block-Editor eine Seite veröffentlicht, die einen Spalten-Block mit drei Spalten enthält. Diesem Spalten-Block habe ich in der Sidebar unter „Erweitert“ eine CSS-Klasse „scroll mich“ zugewiesen:

    Screenshot Einstellungen
    (zum Vergrößern anklicken)

    Nun bin ich hingegangen und habe im Customizer für diese CSS-Klasse eine CSS-Regel eingefügt: 

    .scroll-mich .wp-block-column {
    height: 300px;
    overflow-y: auto;
    border: 1px solid red;
    padding: 5px 15px 5px 5px;
}

    Der rote Rand (border: 1px solid red;) ist hier mehr zur Verdeutlichung. Vermutlich wäre ein hellgrauer Rand und/oder ein Schatten hübscher.

    Leider wird der Scrollbalken (hier in der rechten Spalte sichtbar) erst angezeigt, wenn du scrollst. Um den dauerhaft anzuzeigen, muss wahrscheinlich eine weitere CSS-Regel hinzugefügt werden, aber ich habe da nicht weiter recherchiert, weil das Thema CSS hier off topic ist.

    Thread-Starter reowvgk

    (@reowvgk)

    vor 3 Jahren, 4 Monaten

    hat super geklappt vielen Dank für die schnellen Antworten!

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Das Thema „Multi Scrolls“ ist für neue Antworten geschlossen.

Schlagwörter