webkit css Bildlaufleiste Styling

9

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%     
nicholas 28.08.2011, 23:13
quelle

1 Antwort

1

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

    
Undefined 24.03.2012 16:43
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Macht ein Reverse-Proxy node.js sicher?