Ich frage mich, ob $(document).resize() sinnvoll sein sollte oder nicht?
Das Problem ist, dass sich die Höhe des Dokuments ändert, wenn das Dokument größer wird (d. h. ein div wird aus irgendeinem Grund erweitert). Ich möchte mein Hintergrundbild so strecken, dass der dem Dokument hinzugefügte Bereich nicht leer ist. Was wäre der beste Weg, dies zu tun?
Gibt es eine Möglichkeit, benachrichtigt zu werden, wenn sich die Dokumentenhöhe geändert hat?
Um klar zu sein, ich möchte nicht, dass sich mein Bild wiederholt.
Sie können dies mit CSS tun:
%Vor% background-size ist wird von allen modernen Browsern unterstützt .
Die Eigenschaft cover bewirkt, dass das Bild so klein wie möglich ist, aber das Element immer noch vollständig bedeckt. Es behält Seitenverhältnis bei und wird bei Bedarf zuschneiden.
Kurz gesagt, $(document).resize() erkennt Änderungen in der Dokumentgröße.
Es gibt kein standardmäßiges document.resize -Ereignis, an dem Sie teilnehmen können.
Eine gängige Technik ist es, zu überprüfen, wann der DOM-Baum geändert wird, also wahrscheinlich die Dokumentenhöhe zu ändern und dann alles anzupassen, was Sie anpassen möchten: Erkennung der Änderung der Dokumentgröße in jquery . Sei gewarnt, dass es nicht gut ist, Performance-mäßig zu machen.
Firefox macht ein Ereignis Änderungen der Dokumentbreite und -höhe erkennen , aber nur seine FF.
>Am besten verwenden Sie ein Titelbild, das sich verjüngt und die Endfarbe als Hintergrundfarbe für das Dokument verwendet. Es kann Ihnen diesen Effekt geben, wo es scheint, dass das Bild fortfährt, aber ohne das Bild zu verwenden. Ein gutes Beispiel hierfür ist twitter .
Tags und Links javascript html jquery css