Jeśli lubisz czasem zaszpanować, to dziś coś dla Ciebie. Suwak z blichtrem prawie od pstryknięcia palcem.
Zapewne zauważyłeś, że suwaki elementów na stronie HTML są umieszczone po prawej stronie. A czy jest możliwe umieszczenie scrollbara po lewej stronie?
Spróbuj tego:
html {
height: 100%;
overflow: hidden;
}
body {
margin: 0;
height: 100vh;
overflow: auto;
text-align: left;
direction: rtl;
}
Z pomocą przychodzi nam tu właściwość CSS o nazwie direction. Przy jej wartości rtl następuje zmiana kierunku tekstu od prawej do lewej - coś w rodzaju odbicia lustrzanego, choć czcionka nie jest odwrócona, jak również szyk liter pozostaje bez zmian.
I efekt końcowy:
Przydatne linki:
Właściwość directon w CSS