it-swarm.com.de

Schwimmendes Modul beim Scrollen?

Gibt es eine Möglichkeit, ein Modul zu erstellen, das in seiner Position (und nur in seiner Position) schwebt?

http://aebb.es/4 hier möchte ich das feste Opt-In-Modul auf der rechten Seite haben, damit es beim Scrollen immer oben auf der Seite schwebt. Das Modul darf jedoch beim Scrollen niemals die Position "Seitenleiste rechts" verlassen

Dachten Sie, ob es über CSS3 lösbar ist? Auch offen für andere Lösungen

3
laendle

Sie können dies erreichen, indem Sie Folgendes verwenden (rufen Sie zuerst die 30% -Seitenleiste ab und definieren Sie auf der Seite die Sichtbarkeit):

.g-block.size-30 #g-aside {
    position: sticky;
    top: 50px;
}

#g-page-surround {
    overflow: visible;
}

Der zweite Codeblock ist eine kleine Korrektur, da eine sticky -Position nicht funktioniert, wenn eines der übergeordneten Elemente einen hidden -Überlauf aufweist.

Hoffe das hilft

2
Lodder