{scroll: 'bottom'} doesn't work every time.

[oguzgelal]

Hello,

When new contents are added (after each template is rendered and added into the DOM), I call $(".nano").nanoScroller({ scroll: 'bottom' });
but for some reason, calling that method doesn't scroll to the bottom after some time.

[kristerkari]

Would you be able to put together some kind of demo of this happening?

[oguzgelal]

https://socialsurf.io/frame/oguzgelal.com

I don't know if I could reproduce the same issue on jsFiddle but have a look at this page: When new messages appear, sometimes (on mobile devices especially) it fails to scroll to the bottom. The code is being executed after every message box is rendered and on keyword (when you type to the message box, the code should execute). About mobile, I do use the overthrow.js.

Thanks for the answer,
Oguz

[oguzgelal]

PROBLEM SOLVED! (I think)

Apparently, I was running the initialisation code before the DOM was created. Weird but no errors were thrown into the console. The confusion is because the Meteor JS framework that I'm currently using. The problem should be solved now. I'll close this issue and if it happens again I'll re-open it.

Great library by the way, thanks for all the fish 😄

[oguzgelal]

Nope, the problem still occurs :(

[kristerkari]

@oguzgelal Hmm I don't really know what's wrong, but ine thing that you can try is to call nanoScroller once before calling it with the scroll command:

$(".nano").nanoScroller();
$(".nano").nanoScroller({ scroll: 'bottom' });

[oguzgelal]

I already do that, but doesn't seem to work :(

[rockymontana]

Same for me...
I use dynamic content to fill the div, and when I render the content I call the nanoslider-init...
But it doesn't scroll...

[csimpi]

Here it works, the content is scrolled to very bottom, BUT the scrollbar remain on the top. Very strange. If I scroll down with mouse wheel, the scrollbar jumps to the bottom right away. This should be a bug.