How to use Jquery Custom Scrollbar on elements with display: none

Question

How to use Jquery Custom Scrollbar on elements with display: none

Navigation

#1 by (1 votes)
#2 by (0 votes)

2

It does not mount the scroll bar on elements that are with "display: none". Does anyone know how to solve it?

Here the scrollbar plugin

javascript html jquery css

asked by anonymous 28.02.2014 / 19:07

2 answers

JDBCTemplate RowMapper for Nested POJOs How to replace an Image with a Text?

score 1 · Answer 1

Put a handler on your elements for when they are displayed:

$('.elemento').each(function() {
    if (!$(this).is(':visible')) {
        return;
    }
    $(this).mCustomScrollbar({
        scrollButtons: {
            enable: true
        }
    });
});

score 0 · Answer 2

The element can only be used by jQuery when the element is displayed: block or something similar, You could try to apply the custom Scrollbar as soon as the element is displayed.

Ask the question anyway: What action did you take to apply the custom scrollbar? "is in the click event of some element being displayed," then call the custom scrollbar assembly at the event.