wie kann ich divs auf "visibility: hidden" setzen, wenn sie sich außerhalb des Viewports befinden
Ich entwickle mobile Web-App. Safari in iOS 5.1 oder niedriger ist jedoch nur begrenzt verfügbar. Ich muss den Speicherverbrauch minimieren, wenn ich css3 Übergang verwende. Ich habe festgestellt, dass, wenn ich css style "display: none / visibility: hidden" verwende, die App nicht nach Speicherproblemen abstürzt. Also möchte ich "versteckt" machen, wenn sie wirklich versteckt sind. Mein Englisch ist schlecht. Das Bild kann zeigen, was ich will:
hochgeladenes Bild **: **
Ein anderes Beispiel, bei dem es sich um eine Website handelt, verwendet die css-Eigenschaft "visibility: hidden", um jede Sitzung auszublenden, wenn sie nicht auf dem Bildschirm angezeigt wird:
2 Antworten
Es gibt ein Plugin für jQuery, das Viewport-Selektoren anbietet .
Sie können alles auf visibility:hidden; setzen und dann nur die Elemente im Ansichtsfenster anzeigen. Sobald der Benutzer scrollt, können Sie die Elemente des Ansichtsfensters erneut aufnehmen und sie ebenfalls anzeigen.
Sie sollten in der Lage sein, das Ansichtsfenster von document.body.scrollTop und die Größe des Fensters zu berechnen.
Sagen Sie, wenn der scrollTop 100px ist, der Benutzer, der 100px gescrollt hat. Und jetzt möchtest du vielleicht ein div verstecken, das die oberen 100px des Bildschirms einnimmt und ein div anzeigen, das bei 101px beginnt und sich bis zur Größe (Höhe) des Bildschirms ausdehnt
Tags und Links javascript jquery ios css3 web