jQuery jScrollPane - отображение вертикальной полосы прокрутки для части страницы без указания высоты

Question

Я регулярно использую плагин jQuery jScrollPane для добавления пользовательских полос прокрутки в разделы страницы.Я столкнулся с ситуацией, когда я хочу использовать плагин для отображения вертикальной полосы прокрутки для основной области содержимого страницы.Поскольку содержимое может иметь различную высоту, я не могу указать фиксированную высоту для этой области, и поэтому плагин не отображает вертикальную полосу прокрутки, даже когда он должен.

Я загрузил полный код HTML, CSS и JavaScript в jsfiddle.net для демонстрации проблемы.Область с большим количеством текста должна отображать вертикальную полосу jScrollPane, но это не так.Я знаю, что если я добавлю высоту к классу CSS .scroll, полоса прокрутки начнет появляться.Однако у разных пользователей будут разные разрешения экрана, и поэтому высота области содержимого будет изменяться, что не позволяет мне указывать высоту области содержимого.

Answer 1

Без указанной высоты вертикальное переполнение не будет работать. Вы всегда можете установить высоту прокручиваемой области динамически:

$(document).ready(setScrollable());
$(window).resize(setScrollable());

function setScrollable()
{
   $('.scroll').css('height', $(window).height() - $('#header').height());    
   $('.scroll').jScrollPane();
}

Answer 2

вы можете использовать эту CSS, если хотите, в теле / ​​разделе нужной вам страницы

overflow-y:auto;