2

jquery CustomScrollbarプラグインを使用しています。リンクhttp://manos.malihu.gr/jquery-custom-content-scroller/

ajaxを介してデータをロードしています。コードは以下の通りです

  $(window).load(function(){
        $(".top-heading-section3").mCustomScrollbar({
                advanced:{
                    updateOnContentResize: true
                }
            }
        );
    });

そして、ajax が完成したら、次のようにします。

$(".top-heading-section3").mCustomScrollbar('update')

しかし、それでもすべての div で mCS_no_scrollbar クラスを取得し、スクロールバーが表示されません。

どこが間違っているのですか？

4

2 に答える 2

1

問題は、スクロールバーのスタイリングが要素にアタッチされる前にAjaxリクエストからデータを挿入している可能性があり、プラグインがdivの現在のサイズが設定されたサイズであり、それを必要としないと誤って想定していることだと思います増加するまでスクロールバー。これと同じ問題があり、 setTimeout 関数で解決しました。mCustomScrollbar をアタッチしようとしている div の高さを設定することも重要です。そうしないと、コンテンツが追加されたときに div のサイズが変更されます。

setTimeout(function(){
  $('.top-heading-section3').mCustomScrollbar();
}, 600);

レンダリングされることを確認するためだけに 600ms に設定しましたが、可能な限り短い時間でレンダリングされるようにテストしながら変更できます。

また、私の問題を解決するのに役立ったこのリンクも参照してください。

https://github.com/malihu/malihu-custom-scrollbar-plugin/issues/237

于 2016-10-17T19:05:24.917 に答える