CSS Scrollbar flipping ohne content

JavaBeginner

Ensign
Registriert
Juli 2015
Beiträge
142
Heyho, ich wollte mal nachfragen wie man eine Scrollbar in CSS flippt.
Mit folgendem ist es mir gelungen das zu bewerkstelligen, jedoch wurde ebenfalls der gesamte content auf den Kopf gestellt.
Code:
.TopScroll
{
    transform:rotateX(180deg);
    -ms-transform:rotateX(180deg); 
    -webkit-transform:rotateX(180deg); 
}
Falls HTML noch gebraucht wird:
Code:
        <div class="TopScroll">
        <table id="auto_table">
         //...
        </table>
        </div>

Jemand eventuell eine Idee wie man das lösen kann?
 
Dreh die Tabelle doch einfach anschließend nochmal:

CSS:
.TopScroll {
    height: 300px;
    overflow-y: scroll;
    transform:rotateX(180deg);
}

.TopScroll>table {
    transform:rotateX(180deg);
}
 
War auch meine Idee...jedoch wurden gewisse Inhalte dadurch nicht mitgedreht. Wie z.b. die ANzahl der Einträge, das Suchfeld etc.
Scheint aber so das ich das anschließend manuell noch drehen muss.
 
Zurück
Oben