CODEWITHSUNDEEP
jquerycssnicescroll
geniuscapri
geniuscapri

Reputation: 94

niceScroll set div scroll always from bottom for chat box

I want to set div scroll always from bottom for chat box like showing in image below, Other solution also acceptable.

Image

Upvotes: 2

Views: 6831

Answers (1)

adheus
adheus

Reputation: 4045

I managed to do it like this:

Let's suppose:

<div id="chat-scroll-container">
    <div id="chat-content">
        ... your messages ...
    </div>
</div>

You can do it like this:

$('#chat-scroll-container').getNiceScroll(0).doScrollTop($('#chat-content').height());

If you don't want to use any animation, do it like this:

$('#chat-scroll-container').getNiceScroll(0).doScrollTop($('#chat-content').height(), -1); // -1 is the animation duration

Upvotes: 3

Related Questions