Start div scrollbar from bottom with pure css

Question

Is it possible to start a div's scrollbar from bottom (As initial position, not always) instead from top, with pure css?

@ArunKumar it will help only in case `overflow-x` not needed else see here:https://jsfiddle.net/5oredxLj/2/ — לבני מלכה, Sep 13 '18 at 11:14
@לבנימלכה The text is also upside down in the example — Nadav Shabtai, Sep 13 '18 at 11:28

score 4 · Accepted Answer · answered Sep 13 '18 at 11:32

Use transform:rotateX to wrap div and return it (to avoid the text from turning over) also in sub div

.page{
 overflow-y: scroll;

 width:150px;
 height:150px;
 transform:rotateX(180deg);
                -moz-transform:rotateX(180deg); /* Mozilla */
                -webkit-transform:rotateX(180deg); /* Safari and Chrome */
                -ms-transform:rotateX(180deg); /* IE 9+ */
                -o-transform:rotateX(180deg); /* Opera */
}
.sub{
   transform:rotateX(180deg);
                -moz-transform:rotateX(180deg); /* Mozilla */
                -webkit-transform:rotateX(180deg); /* Safari and Chrome */
                -ms-transform:rotateX(180deg); /* IE 9+ */
                -o-transform:rotateX(180deg); /* Opera */
}

    <div class="page">
    <div class="sub">
       <p>This is some text in a paragraph.</p>
    <p>This is some text in a paragraph.</p>
    <p>This is some text in a paragraph.</p>
    <p>This is some text in a paragraph.</p>
    <p>This is some text in a paragraph.</p>
    <p>This is some text in a paragraph.</p> 
    </div>

    </div>

This solution inverses the scroll movement for me – Thomas Potaire Jul 25 '20 at 19:13 — Thomas Potaire, Jul 25 '20 at 19:13

Start div scrollbar from bottom with pure css

1 Answers1

Linked

Related