Positionieren Sie vertikale Scrollbars auf der gegenüberliegenden Seite mit CSS

WARNUNG: Ich empfehle dies im Allgemeinen nicht, da dies die allgemeine Wahrnehmung der Scrollbar -Position bricht, was für viele Benutzer sehr nützlich ist, ganz zu schweigen davon, dass es für viele Menschen eine Kerngängigkeit ist.

Dies ist jedoch ein faszinierender CSS -Trick, die Online -Welt ist riesig und komplex, und alle Arten von Situationen erfordern möglicherweise einige besondere Lösungen.

Methode 1: Richtungsfähigkeiten

Der Trick hier besteht darin, dass das Bild der Scrolling übergeordnetes Element direction: rtl (oder die entgegengesetzte Richtung zu Ihrer Hauptrichtung) und dann das Bildlaufelement intern in Ihre normale Richtung zurückschalten lassen.

Methode 2: Rotationsfähigkeiten

Durch die Änderung der Textorientierung für Zwecke der Nicht-Text-Orientierung fühle ich mich immer ein wenig unruhig, sodass diese Technik nicht das Gefühl hat, dass sie so "Hacker-Methode" ist. Der Trick besteht darin, das übergeordnete Element um 180 Grad zu drehen und dann das untergeordnete Element um 180 Grad zu drehen, um es in seinen aufrechten Zustand wiederherzustellen.

Aufgrund der ersten Rotation endet die Bildlaufleiste auf der gegenüberliegenden Seite.

Für diesen Ansatz gibt es zwei besonders peinliche Gründe:

1. Das Bildlaufelement scrollt standardmäßig nach unten.
2. Beim Scrollen mit der Walze fühlt sich die Bildlaufrichtung umgekehrt an. Die Bildlaufleiste selbst sollte sich normal verhalten, aber das Trackpad- oder Mausrad spürt, wie die Bildlaufrichtung des Elements umgekehrt ist.

Es ist eher ein Witz am Aprilscherz als ein praktischer Methode. Ein viraler Tweet nannte es "verflucht" und ja, es tut es.

Das obige ist der detaillierte Inhalt vonPositionieren Sie vertikale Scrollbars auf der gegenüberliegenden Seite mit CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!