css overflow display the end of the text

Question

.demo{
     overflow:auto;
}

<div class="demo">
    <p>Some Text Here<P>
</div>

This piece of code displays the first part of the text like this, and you can then scroll down to show 5 and 6:

But I want it to display the last part of the text like this, which you can then scroll up to show 1 and 2:

How can I control it to display the end of the text?

So .demo will have a height and display a vertical scroll bar, and you want the initial position of the scroll bar to be at the bottom instead of the top of the content window. I think you need JavaScript/jQuery for this, CSS alone won't do it. — Marc Audet
– Marc Audet, Commented Apr 16, 2015 at 0:23
Some grammar changes to make it more understandable what you're trying to do. Also, example data is better put into code tags so it jumps out as "this is different to the explanation" — Taryn East
– Taryn East, Commented Apr 16, 2015 at 1:11

Polynomial Proton · Accepted Answer · 2015-04-16 01:32:11Z

3

I believe this cant be done with just css since you want to scroll at the bottom of the div.

With your code, add in javascript to scroll to the bottom of the div

document.getElementById('scroll').scrollTop = 9999999;

I have created this fiddle for illustration, it has the same number example . Added height, width etc just illustration, you dont have to add any of those.

Click on Run snippet and let me know, if this is what you were looking for

document.getElementById('scroll').scrollTop = 9999999;

.demo{
     overflow-y:auto;
    overflow-x:hidden;
    width:10px;
    height:30px;
    padding:50px;
}

<div id="scroll" class="demo">
   1
    2
    3
    4
    5
    6
</div>

answered Apr 16, 2015 at 1:32

Polynomial Proton

5,18023 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

css overflow display the end of the text

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related