有没有办法让jQuery的小滚动条相对于屏幕尺寸有100%的高度？

Question

我的头撞到墙上了。我有一个全屏设计，我正在努力。我到处寻找，试图找到一种能让Tiny Scrollbar和this design一起工作的方法。我有一个侧面板滑块工作得很好，我希望滚动条填满屏幕的垂直右侧。我把卷轴也放在里面了。我目前将"viewport“设置为高度: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是因为我希望在scroll上面有一个标题。如果你真的想要100%的高度，只需使用heightscroll并删除"-48“即可。