604 Stimmen

Scrollen des Körpers verhindern, aber Overlay-Scrollen zulassen

Ich habe nach einer "Lightbox"-ähnlichen Lösung gesucht, die dies ermöglicht, habe aber noch keine gefunden (bitte schlagen Sie eine vor, wenn Sie eine kennen).

Das Verhalten, das ich versuche, nachzubilden, entspricht genau dem, was man bei Pinterest wenn Sie auf ein Bild klicken. Das Overlay ist blätterbar ( das gesamte Overlay wird nach oben verschoben, wie eine Seite über einer Seite ), aber der Körper hinter das Overlay ist fixiert.

Ich habe versucht, dies nur mit CSS zu erstellen ( d.h. eine div Overlay über die gesamte Seite und den Körper mit overflow: hidden ), aber es verhindert nicht, dass div nicht blätterbar sein.

Wie kann man verhindern, dass der Textkörper/die Seite gescrollt wird, aber das Scrollen innerhalb des Vollbildcontainers beibehalten?

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X