When using stickToBottom and alwaysShowVScroll it does not start by sticking

[skamsie]

When using the settings alwaysShowVScroll: true and stickToBottom: true and the content is dynamically loaded, I would expect it to remain stuck at bottom when the height of the content becomes higher than the height of the element. However this does not happen. The slider is at the bottom in the beginning, but it starts raising as soon as the content starts to overflow. You have to scroll to bottom once to get the desired behavior.

How to test. In this demo file: https://github.com/vitch/jScrollPane/blob/master/examples/dynamic_content.html replace the settings with:

var settings = {
  showArrows: true,
  alwaysShowVScroll: true,
  stickToBottom: true
};

[illuusio]

Ok have looked source what is causing this?

[skamsie]

@illuusio I have added information on how to reproduce it... Not sure what I can provide more. You can use the example file in the repository
https://github.com/vitch/jScrollPane/blob/master/examples/dynamic_content.html

but replace settings here with

var settings = {
  showArrows: true,
  alwaysShowVScroll: true,
  stickToBottom: true
};

[skamsie]

Never mind, I see it is related to this 8 years old bug: #125

[illuusio]

It seems so. I got to find time to fix this in near future but my timeline for working on this is very limited. So providing Pull Request (PR) would make fixing much faster.

[illuusio]

Ok this should be fixed but not as nicely as I like it. Have to stick it to new resizer to make it work as people want.
You have to set

var settings = {
  showArrows: true,
  maintainPosition: false,
  alwaysShowVScroll: true,
  stickToBottom: true
};

Then it always stick to bottom. If you need to maintainPosition you have to turn it on after you have enough stuff in table as if this chat or something then it always jumps to bottom when reinitialize()-function is called if maintainPosition if not set.