有沒有辦法讓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」即可。