Есть ли способ, чтобы jQuery Tiny Scrollbar имел 100% высоту по отношению к размеру экрана?

Question

Я бьюсь головой о стену.У меня полноэкранный дизайн, над которым я работаю.В поисках высоко и низко, чтобы попытаться найти способ заставить Tiny Scrollbar работать с этим дизайном .У меня ползунок боковой панели работает очень хорошо, и я хочу, чтобы скроллер заполнил вертикальную правую часть экрана.У меня там тоже есть скроллер.В настоящее время у меня "viewport" установлен на height: 600px ;, если я установлю высоту на 100% или использую минимальную высоту, все содержимое внутри скроллера исчезнет.Я хочу, чтобы размер скроллера изменялся в соответствии с размером экрана.

Любые предложения могут привести к моему году!

Заранее спасибо.

Answer 1

если вам все еще нужно:

var heightscroll = $(window).height();  
         $('.viewport').css('height', heightscroll );      

У меня работает, но нужна функция для обновления высоты при изменении размера окна.

Answer 2

Мне удалось сделать вышеупомянутое с изменением размера .viewport при изменении размера окна браузера с помощью этого кода:

$(function() {  

    $(window).resize(function(){
        var heightscroll = $(window).height();
        $('.viewport').css('height', heightscroll); 
    });

    $(window).resize();
});

Я не знаю, как правильно изменить размер ручки полосы прокрутки.

Answer 3

Я думаю, что получил:

$(function() {  
    $(window).resize(function(){
        var heightscroll = $(window).height();
        $('.viewport').css('height', heightscroll-48);              
        var oScrollbar = $('#scrollbar');
        oScrollbar.tinyscrollbar();
        oScrollbar.tinyscrollbar_update();
    });
    $(window).resize();
});

Примечание: я использовал heightscroll-48, потому что у меня есть заголовок, который я хочу закрепить над свитком.Если вам действительно нужна полная высота 100%, просто используйте heightscroll и удалите "-48".