Hello to all amazing members of stackoverflow,
I'm facing some major challenges getting my custom scrollbar to function properly with ajax-based tabs. Any assistance you can provide would be immensely helpful. I have most of it set up and operational, and I'll showcase what I currently have with the code below as well as in the demo link.
You can view the Demo here: http://jsfiddle.net/54RLc/
In the demo above, you'll notice that the custom scrollbar works correctly for the first tab - simply hover over the icon in the upper left corner of the container to see the drop-down menu tabs. However, for any tab after that, the custom scrollbar doesn't seem to apply itself. Your assistance would be greatly appreciated!
HTML:
<div id="extended_container" class="shadow_effect">
<h2>Divisions</h2>
...
CSS:
.scrollable {
position: relative;
}
...
JS/AJAX:
Unfortunately, due to character limits, I cannot include all the required JS/AJAX code here. However, the complete JS/AJAX code is available in the provided demo link.