html {
overflow-y: scroll;
}Dies ist ungültiges CSS, funktioniert aber in allem außer Opera. Der Grund dafür ist, "zentrierende Sprünge" zu verhindern, wenn man zwischen Seiten mit genügend Inhalt für eine vertikale Scrollleiste und Seiten ohne diese hin und her navigiert.
Es gibt ein spezielles für Mozilla: overflow: -moz-scrollbars-vertical;
IE zeigt die vertikalen Scrollleisten, glaube ich, immer an.
Ich möchte ein vertikales Scrollmodell für Boxen in Jquery. Können Sie mir bitte helfen?
Hallo, ich mag diesen neuen Snippets-Bereich, sehr nützlich!
Danke für den Besuch und den netten Kommentar. Ich wünsche Ihnen einen schönen Tag.
Es funktioniert perfekt in Opera 11.01. Danke für den Tipp!
PS: Sie haben ein tolles Formular.
Das ist toll, aber es erzeugt eine doppelte Scrollleiste, nicht wahr?
Nein.
Iceweasel Browser 17. Das tut er wirklich. Sie haben Recht.
Ich denke, Sie sollten etwas wie dieses verwenden, es schadet Ihnen nicht.
.element > tag{overflow-y: scroll;
height:400px;
}
Bitte ändern Sie .element und tag entsprechend
Danke, funktioniert wunderbar :)
W00t!
Was ist mit
height: 101% ?
Das war ein Ratschlag, der im Blog eines CSS-Profis veröffentlicht wurde.
Ich habe den Link nicht, aber Sie können bei Google nach diesem Code suchen.
Chris; Eine unschöne Lösung. overflow-y:scroll; fügt eine deaktivierte Scrollleiste hinzu, wenn die Seitenhöhe oder die Inhaltsgröße kleiner ist oder kleiner wird als die Browsergröße. height:101%; (und andere ähnliche Lösungen wie margin: 0,0,1px;) aktivieren diese Scrollleiste und erlauben dem Benutzer, einige Pixel zu scrollen. Es mag belanglos erscheinen, aber ich mag meine Scrollleisten deaktiviert, wenn kein Bedarf besteht, sie zum Scrollen zu verwenden.
Danke!
Wenn dies ungültig ist, sollte jemand neu überlegen, was gültig ist.
Was halten Sie von diesem Snippet?
Ich benutze das, um die Scrollleiste zu erzwingen.
html {heigth: 100%; margin-bottom: 1px}
Ziemlich ähnlich zu Phillips Lösung.
Das funktioniert hervorragend für Websites, die jQuery verwenden und sich auf- und ab bewegen. Ich habe es bei meinem Abschluss für einen JavaScript-Kurs verwendet. Es behält die Leiste bei, sodass, wenn die Seite von einer mit viel Inhalt zu einer mit wenig Inhalt wechselt, die gesamte Seite nicht nach links oder rechts verschoben wird.
Danke.
Hier ist ein Beispiel, das mehr helfen könnte als meine Erklärung... :P
http://tymayn.com/school/jsFinal/
Wo füge ich dieses Code-Bit ein? Denn ich hasse es, wenn der Bildschirm von keiner Scrollleiste zu einer mit einer springt.
Danke für jeden Vorschlag ...
Jede CSS-Datei, die Sie haben.
Wenn Sie keine externen CSS-Dateien haben, im Tag.
Aus meiner Erfahrung erzeugt dies bei bestimmten Browsern eine doppelte Scrollleiste. Aufgrund der Tatsache, dass in einigen Browsern das scrollbare Element das HTML-Element ist und in anderen das Body-Element. Soweit ich herausgefunden habe, ist die einzige Lösung, die kein tatsächliches Usability-Problem verursacht:
body { height: 100%; margin-bottom: 1px; }
Yup. Mit Chrome ausprobiert und zwei Scrollleisten erhalten. Ihre Lösung hat das Problem gelöst.
Wo platziere ich das?
Vielen Dank, ich habe viele verschiedene Methoden mit begrenztem Erfolg ausprobiert. Ihre Methode hat in allen Browsern, einschließlich meines Opera, hervorragend funktioniert: "html {overflow-y: scroll; }"
Was Nathan betrifft, platzieren Sie es einfach fast überall in Ihrem Stylesheet, aber ich füge meine Änderungen normalerweise unten hinzu und füge einen Kommentar hinzu, was ich tue.
/* ———DMuirDesigns——— html {overflow-y: scroll; } hinzugefügt, um immer eine Scrollleiste zu erstellen und ein Scrollleistenverschieben zu verhindern —— */
Es ist gut, in der CSS-Datei nach "html" zu suchen, um zu sehen, ob es verwendet wird, damit Sie es einfach hinzufügen können.
Gute Arbeit, Mann.
Einfach und schön! Danke
Sie, mein Herr, sind ein Genie.
Vielen Dank für die beste Lösung, auf die ich gestoßen bin – kurz und einfach, und die Scrollleiste ist deaktiviert, wenn sie nicht benötigt wird, wunderschön!
Warum wird es als ungültig betrachtet? Ich habe es mit http://jigsaw.w3.org/css-validator/ ohne Fehler überprüft.
^Es ist nicht ungültig; dies ist nur ein alter Artikel.
overflow-ywar nicht in der CSS 2.1-Spezifikation enthalten, wurde aber in CSS3 hinzugefügt.DANKE! Ich habe verrückt alles in meinem CSS und HTML analysiert und getestet, weil ich dachte, ich hätte etwas falsch gemacht, und nicht gemerkt, dass die Scrollleiste die paar Pixelverschiebung zwischen den Seiten verursacht!!
Ich habe es nie im HTML5 Boilerplate gesehen... kann es dort aufgenommen werden?
Verwenden Sie nicht
body,html{ overflow-y:scroll;}
stattdessen verwenden Sie
html{overflow-y:scroll}
oder
body{overflow-y:scroll}
beides getestet, gleiche Ergebnisse.
Sie, mein Herr, sind ein Genie.
Kann ich es mit jQuery verwenden?
Wie zeige ich die vertikalen Scrollleisten an, wenn die Höhe sehr gering ist?
Gute Nummer
Können Sie mir einen Weg sagen, eine PHP-Seite automatisch nach unten zu scrollen? Sie fügt ständig neue Daten hinzu, die unten erscheinen, und um sie zu lesen, muss ich nach unten scrollen. Gibt es eine Möglichkeit, dass die Seite automatisch nach unten scrollt, um den neuen Eintrag anzuzeigen?
Was für eine schrecklich lange Reihe von Threads für eine so grundlegende Anfrage.
Einfach und schön! Danke
Danke, remzai.
nur zwei Wörter overflow-y und scroll, funktioniert Wunder. Danke.
Nur eine Anmerkung
Die Verwendung von overflow-y: scroll erzeugt eine zweite, innere Scrollleiste, wenn Sie backspace-visibility: hidden für Anti-Aliasing in Chrome oder Safari Mobile verwenden... (Das war ein Zungenbrecher)
Funktioniert ansonsten hervorragend.
PS: Codepen.io zeigt diesen Fehler nicht:
Das hat mich verrückt gemacht! Vielen Dank, dass Sie die Lösung geteilt haben: Sie funktioniert perfekt.
Wo fügt man den Code ein? In den Body? Oder in den Head?
In Ihr CSS-Stylesheet, Randy :)
Jetzt brauchen wir nur noch eine Lösung für iOS Safari... das bringt Sie irgendwo hin, aber nicht wirklich.
http://fiddle.jshell.net/desandro/X6zfS/
Es funktioniert auf allem außer dem Body/HTML-Tag.
Sie können einfach overflow-y des Body auf "hidden" oder "initial" zurücksetzen, um die doppelten Scrollleisten zu vermeiden.
Ich bin überrascht, dass das noch niemand vorgeschlagen hat.
Ich hoffe, das hilft :)
OSX Lion -_-
Dieser Code funktioniert nicht in Firefox. Welche CSS-Eigenschaften hat Firefox für Scrollstile? Wie passt man die Höhe der vertikalen Scrollleiste an?
Alle diese Lösungen funktionieren nur, wenn die Höhe der Box eine bestimmte Mindestgröße hat = "6" oder height:86px. Weiß jemand, wie man die Scrollleiste in IE11 immer erscheinen lässt? Das hat in IE8 gut funktioniert. Außerdem ist die Höhe der Scrollleiste selbst so groß, dass das Scrollen selbst bei size="6" praktisch ineffektiv ist. Wie macht man sie dünner?
Ich möchte, dass der Bildschirm automatisch gescrollt wird. Ist das möglich?
Ich brauche eine Scrollleiste in IE 11, immer rechts!
overflow-y: scroll;
aber dieses CSS funktioniert nicht :/
Leute, ich hatte ein Problem in Mac-Browsern, die Scrollleiste verschwand, als ich die Maus auf das MacBook legte, es gab eine weiße Box oben rechts in vertikalen Scroll-Divs, nur beim ersten Mal. Nach dem Aktualisieren der Seite konnte ich die Scrollleiste sehen. Ich sehe dieses Problem auf vielen Websites.
Hier ist der Demo-Link: http://s.codepen.io/vulchivijay/debug/XdpgpY
Schauen Sie sich das an. Sagen Sie mir, wie ich es beheben kann.
Ich möchte eine vertikale Scrollleiste auf beiden Seiten, links und rechts. Ist das möglich?
Ich brauche Tipps, damit das Fenster die Scrollleiste aktiviert, sonst deaktiviert.
scrollbar
Hallo. Ich habe den untenstehenden Code in benutzerdefiniertes CSS in meinem Theme eingegeben, aber aus irgendeinem Grund scheint die vertikale Scrollleiste nach dem Laden der Website immer noch zu verschwinden. Ich würde mich über Gedanken zu Behebungen zur Lösung dieses Problems freuen. Danke. Vimal
html {
overflow-y: scroll;
}