how do i make custom scrollbars with jScrollPane to be always visible

Question

i have scrollbars using the jScrollPane plugin for jQuery. the scrollbar works, all content is with ajax, so for every 'page' load, i add the re-initialization of the scrollbars but when content is shorter than the page, the scrollbars are not visible.

this results in 10px extra space for the content, and that is annoying with items using 100% of the available space.

anyone an idea how to make the scrollbars visible even when content is not available? or an alternative css way to reserve the space is also fine.

thanks

Answer 1

If nobody finds a better solution,

i can already say that i modified jScrollPane plugin, to always show the "track" bar, and if it was going to hide the scrollbar (because content was smaller than the view) i also not append the 'drag' bar. though its not a very clean option.

it should be taken further, and also disable / re-enable the up down buttons, adding css functionality not to do hover/active state's when its disabled... for better usability.

still looking forward to a possible better solution, though i feel that i will have come up with the only possible solution as there probably is none out of the box