jQuery Tinyスクロールバーの画面サイズを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％の高さが必要な場合は、高さ調整を使用して "-48"を削除してください。