jquery - 人気のカスタムスクロールバーの頑固な問題

Question

$(".content1").mCustomScrollbar({
scrollButtons:{
enable:true
}
});
$("#contact_details").mCustomScrollbar({
scrollButtons:{
enable:true
}
});

.content1 は問題のある div です。カスタムスクロールバーは、ウィンドウのサイズを変更するか、firebug を起動するまで表示されません。contact_details は最初のタブ内の div であり、両方の div にはテキストのみが含まれていますが、問題はありません。」

score 0 · Accepted Answer

内部のスクロールバーのインライン CSS#content_11がdisplay:none設定されました。

<div class="mCSB_scrollTools" style="position: absolute; display: none;"> ... </div>

ページのサイズを変更すると、プラグインはその要素を上書きして表示します。display: noneブラウザーで手動で置き換えることによりdisplay: block;、スクロールバーを表示できます (間違った場所に表示されます)。

あなたの機能的なdivは、すでに #contact_details持っています。display: block

<div class="mCSB_scrollTools" style="position: absolute; display: block;">...</div>

score 0 · Accepted Answer

問題はあなたです

$(window).load(function(){

あなたの中にある

$(document).ready(function(e) {

この div 内に画像を配置する場合は、ドキュメント準備機能を削除してください。それ以外の場合は、ウィンドウロード機能を削除します。両方は必要ありません。

2 に答える 2