browser-scrollbars

___ qstnhdr ___ webkit css Bildlaufleiste Styling ___ tag123css ___ CSS (Cascading Style Sheets) ist eine Darstellungsstilsprache, die das Aussehen und die Formatierung von HTML (Hyper Text Markup Language), XML-Dokumenten (Extensible Markup Language) und SVG-Elementen einschließlich (aber nicht beschränkt auf) Farben beschreibt. Layout, Schriftarten und Animationen. ___ qstntxt ___

Gibt es irgendeine Möglichkeit, den Scroll-Track vollständig loszuwerden? Oder es den Inhalt überlagern, anstatt ihn beiseite zu schieben? Wie iOS / Lion Scrollbars?

Das folgende wird ziemlich nah, aber obwohl die Spur transparent ist, wird der Inhalt der scrollbaren Region verschoben und der Seitenhintergrund durchscheinen.

%Vor%     
___ tag123browsercrollbars ___ hilf uns dieses Wiki zu bearbeiten ___ answer9853462 ___

Hmm, ich dachte, ich hätte das vorher beantwortet, vielleicht nicht:

  • Verstecken Sie den Überlauf auf dem Körper
  • umschließt den gesamten Inhalt der Seite oder was auch immer du mit einem div scrollst,
  • Incude CSS-Eigenschaften für die div (Überlauf: scroll oder overflow-y: scroll).

Jetzt können Sie die Spur css mit rgba (0,0,0,0,3) auf eine beliebige Deckkraft setzen, da die Bildlaufleiste nicht Teil des Körpers ist.

Ein weiterer Tipp zum Anpassen der Firefox-Bildlaufleiste, wenn Sie experimentieren wollen, ist:

  • Machen Sie das Überlauf-Ding und überlagern Sie die Bildlaufleiste (über den Z-Index) mit einem transparenten div-Bild, egal welche Farbe Sie mögen,
  • Positioniere das div über den gesamten Bildlaufbereich (wahrscheinlich etwas wie Position: absolut; rechts: 0; wenn du den Bildlauf für das gesamte Fenster verwendest)
  • Verwenden Sie Zeiger-Ereignisse: keine; auf den divs css, um es halbtransparent zu machen.

Es wird der Firefox-Rolle ein wenig Farbe / Textur geben. (Kann ideal sein, um die Schriftrolle zur Vergleichbarkeit nach rechts zu zwingen)

Ich habe es noch nicht ausprobiert, aber es ist machbar

    
___ tag123webkit ___ WebKit ist eine Open-Source-Web-Content-Engine für Browser und andere Anwendungen wie Apple Safari, Mail, App Store und verschiedene mobile Browser einschließlich der vorinstallierten Browser für Android, iOS, RIM Blackberry, Symbian und WebOS. ___
1
Antwort

webkit css Bildlaufleiste Styling

Gibt es irgendeine Möglichkeit, den Scroll-Track vollständig loszuwerden? Oder es den Inhalt überlagern, anstatt ihn beiseite zu schieben? Wie iOS / Lion Scrollbars? Das folgende wird ziemlich nah, aber obwohl die Spur transparent ist, wird d...
28.08.2011, 23:13