當div有參數隱藏時jQuery自定義內容滾動條不顯示

Question

我在我的網站上有一個div的jQuery自定義內容滾動條。 div內容具有參數("#content").hide()。當頁面加載和jQuery自定義內容滾動器完美工作時，div可見。

但是，如果div內容在頁面加載時不可見，則jQuery自定義內容滾動條不可見並且不起作用。我注意到，當你縮小或放大窗口時，顯示滾動條。我在這個URL上有一個小例子：http://www.frantatoulen.wz.cz/

問題在哪裏？

Answer 1

問題是，當隱藏#content時，插件腳本無法計算內容長度（隱藏元素具有零維）。因此，腳本假定內容不需要滾動條。

解決方案A：

你需要調用插件的更新方法您的內容切換後變得可見（插件的主頁對使用方法和參數信息和示例）。裏面的點擊功能，添加以下結尾：

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

注：滾動條不工作，當你調整瀏覽器，因爲它自動調用窗口resize事件的更新方法。

解決方案B：

您可以將updateOnContentResize選項參數簡單地設置真。這種自動調用更新方法，每次您的內容長度的變化：

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