Display none

[brezze]

Друзья, подскажите пожалуйста, использую плагин JScrollPane для стилизации скроллбара. Всё настроил, работает хорошо, но... проблема в том, что этот скроллбар должен быть в выпадающем окне, и открываться по клику на ссылку. Как только я задаю блоку display: none, и открываю его по клику ссылке, скролл исчезает и блок себя ведёт как при свойсте overflow: hidden, простыми сломави контент просто обрезается. Если display: none убрать, и нажимать на ссылку блок открывается и закрывается при этом скроллбар на месте. 

Подскажите хотя бы в какую сторону смотреть. Возможно что-то нужно изменить в скрипте. 

window.onload= function() {
    document.getElementById('toggler').onclick = function() {
        openbox('box', this);
        return false;
    };
};
function openbox(id, toggler) {
    var div = document.getElementById(id);
    if(div.style.display == 'block') {
        div.style.display = 'none';
    }
    else {
        div.style.display = 'block';
    }
}

<a id="toggler" href="#">Открыть</a>

<div id="box" style="display: none;">Отображаемый блок</div>

 

Edited May 8, 2017 by klierik

[klierik]

Как вариант: почитать официальную документацию — jScrollPane - demo showing jScrollPane working on elements which are initially display: none

[Schamil74]

Вставить медиа

[wvvw]

попробуй включить для своего скролла свойство autoReinitialise

$('.scroll').jScrollPane({autoReinitialise: true});