avianey / jqDoubleScroll

A jQuery plugin that duplicate the bottom scrollbar of an element to its top
73 stars 65 forks source link

This plugin makes vertical scrollbar disappear when using bootstrap #12

Closed hammadkhan closed 5 years ago

hammadkhan commented 5 years ago

I implemented the code and it work nicely. The problem is, I wanted my dive to have fixed height as well so I can sroll contents in the dive but the vertical scrollbar does not appear (on the right).

Once the call to $('#table_container').doubleScroll({resetOnWindowResize: true}); is removed, the vertical scrollbar appears. This might be compatibility issue or a bug, needs to be clarified. Thanks

hammadkhan commented 5 years ago

The fix is to comment out overflow-y:hidden in both places. At least this will fix vertical scrollbar issue with bootstrap.

        var options = {
            contentElement: undefined, // Widest element, if not specified first child element will be used
            scrollCss: {                
                'overflow-x': 'auto',
                // 'overflow-y': 'hidden',
                'height': '20px'
            },
            contentCss: {
                'overflow-x': 'auto',
                // 'overflow-y': 'hidden'
            },
            onlyIfScroll: true, // top scrollbar is not shown if the bottom one is not present
            resetOnWindowResize: false, // recompute the top ScrollBar requirements when the window is resized
            timeToWaitForResize: 30 // wait for the last update event (usefull when browser fire resize event constantly during ressing)
        };