My page consists of an Accordion (from Primefaces) with 9 categories. In one category I have a table with a width bigger than my screen width. I decided to use a better looking horizontal scrollbar than the default, so I searched and found a jQuery scrollbar called Malihu Scrollbar
http://manos.malihu.gr/tuts/custom-scrollbar-plugin/complete_examples.html
After some research, I successfully managed to use it in the specific accordion tab as a horizontal scrollbar. The problem is that when I leave the specific tab expanded, my whole body cannot scroll down to bottom, but instead it automatically scrolls some pixels above the bottom (I lose about one accordion tab header), either when I scroll using mouse wheel or when I scroll using the scrollbar of my whole body (I want to point out here that the scrollbar of the whole body is not a custom scrollbar but a common one). If the tab with the custom scrollbar is not expanded, my page works great.
This is my accordion scrolled to the bottom:
And this is the most I can scroll my page down, when the accordion tab with the custom scrollbar is expanded:
As you can see the body is not fully scrolled to the bottom. If I try to scroll it to the bottom it goes right up to this position until I collapse the tab which is open.