jQueryのカスタムコンテンツのスクロールが表示されないdivのパラメータがある場合

Question

私のウェブサイトにはdivのjQueryカスタムコンテンツスクロールがあります。 divコンテンツのパラメータは("#content").hide()です。 divは、ページが読み込まれ、jQueryカスタムコンテンツスクロールが完全に機能するときに表示されます。

しかし、ページがロードされるときにdivのコンテンツが表示されない場合、jQueryカスタムコンテンツのスクロールは表示されず、機能しません。ウィンドウを縮小または拡大すると、スクロールバーが表示されることに気付きました。私はこのURLの小さな例を持っています：http://www.frantatoulen.wz.cz/

どこに問題がありますか？

Answer 1

#contentを非表示にすると、プラグインスクリプトはコンテンツの長さを計算できません（隠された要素の次元がゼロになります）。そのため、スクリプトではコンテンツにスクロールバーが必要ないと想定しています。

溶液A：

あなたはあなたのコンテンツのトグル後にプラグインの更新メソッドを呼び出す必要がありますし、（プラグインのホームページは、メソッドおよびパラメータを使用して上の情報と例があります）目に見えるようになります。あなたのクリック機能の内部では、最後に次の行を追加します。

$("#tlacitko").click(function(){ 
    $("#content").toggle(); 
    $("#content").mCustomScrollbar("update"); 
}); 

注：スクロールバーが仕事をして、それは、ウィンドウサイズ変更イベントでupdateメソッドを自動的に呼び出しますので、あなたは、ブラウザのサイズを変更する場合。

溶液B：

あなたは、単に真にupdateOnContentResizeオプションパラメータを設定することができます。

$("#content").mCustomScrollbar({ 
    advanced:{ 
     updateOnContentResize:true 
    } 
});