Die Website, an der ich gearbeitet habe, hat dieses seltsame und scheinbar inkonsistente Problem und scheint nur in Google Chrome zu passieren.
Mein Hauptinhaltsabschnitt erzeugt gelegentlich vertikale und horizontale Bildlaufleisten.
Wenn ich die Seite als Datei öffne, erscheinen die Bildlaufleisten beim Öffnen der Seite und beim Aktualisieren der Seite intermittierend. Sie tauchen normalerweise nicht auf, aber jedes paar Auffrischungen oder so, werden sie auftauchen.
Wenn ich die Seite lokal mit NGiNX starte, erscheinen die Bildlaufleisten beim Öffnen der Seite, verschwinden aber, wenn ich sie aktualisiere und keine Auffrischungsmenge bringt sie zurück. Wenn ich zwischen zwei verschiedenen Testseiten, die ich eingerichtet habe, hin und her blicke, bleiben die Bildlaufleisten stehen. Nur wenn sie neu geladen werden, verschwinden sie.
Ich habe das Problem nicht gesehen, als ich es von meiner kostenlosen webhosting Seite, Zymic, gestartet habe. Ich habe mich eigentlich gar nicht darum sorgen müssen, weil es nicht auftauchte, als es live war, aber als ich bemerkte, dass das Problem von meinem lokal gelaufenen Webserver auftauchte, dachte ich mir, ich sollte mir das genauer ansehen.
Ich habe keine Ahnung, wo ich anfangen soll, nach dem zu suchen, was das Problem verursacht, aber ich stelle ein Video zur Verfügung, das das Problem deutlich zeigt, und einen Link zu meiner aktuellen Live-Site. Basierend auf Berichten von anderen und meinen eigenen Erfahrungen wird das Problem nicht von der Live-Seite kommen, aber es wird Zugang zu meinem gesamten aktuellen Code geben (aktuell, ich bin dabei, einige Dinge auszuprobieren) und Gerne stelle ich Ihnen speziell angeforderte Code-Teile zur Verfügung. Ich würde versuchen, die Bits sofort zu liefern, die das Problem verursachen könnten, außer dass ich keine Ahnung habe: \ Aber wenn ich etwas eingrenzen werde, werde ich diesen Teil des Codes zusammen mit dem, was ich entdeckt habe, einfügen.
>Kurzes 58-Sekunden-Video des Problems: Ссылка
Live-Site (das Problem sollte nicht über diesen Link auftreten): Ссылка
Vielen Dank allen!
Dies wird durch Ihren overflow:auto; Stil in Ihrem #maincontent div verursacht. Ändern Sie den Stil einfach in overflow:hidden; , damit die Bildlaufleisten dauerhaft verschwinden.
Der automatische Überlauf funktioniert, indem er nichts mit dem überlaufenden Inhalt tut, wenn er in den Container passt. Wenn er jedoch nur ein wenig überläuft, fügt er Bildlaufleisten ein, damit der Benutzer scrollen kann. In Ihrem Fall wird Chrome wahrscheinlich einen einzelnen Pixel des Überlaufs erkennen, also fügen Sie Bildlaufleisten ein. Dies hat wahrscheinlich mit Caching und Image-Loading zu tun. Was ich denke ist, dass, wenn das Bild bereits im Cache ist, Chrome genau weiß, wie groß es ist, und es weiß, dass das Bild in den Container passt, aber wenn es noch nicht zwischengespeichert ist, reserviert es etwas Platz für das Bild zu laden und da dieser Raum scheinbar etwas größer als das tatsächliche Bild ist, wird er etwas mehr Platz benötigen.
Überprüfen Sie, ob der Körperwert für Sie auf overflow:hidden; gesetzt ist
Wenn es ist, dann ändern Sie es;)
Tags und Links html css google-chrome