有没有办法让jQuery Tiny Scrollbar与屏幕大小有100％的高度？

Question

我把头撞在墙上。我有一个我正在开发的全屏设计。搜索高和低尝试找到一种方法使Tiny Scrollbar与this design一起使用。我有一个侧面板滑块工作得很好，我希望滚动条填充屏幕的垂直右侧。我也有滚轮。我目前有“视口”设置为高度：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”即可。