javascript - スクロール時にデータベースからアイテムを追加

Question

問題があります。このスクリプトを実行できません。問題は、私が使用mcustomscrollbar しているため、Scroll イベントを読み取らなかったことです。スクロール イベントは実行されません。

<script type="text/javascript">
        var page = 1;

        $("#my_div").scroll(function () {
            $('#more').hide();
            $('#no-more').hide();

            if($("#my_div").scrollTop() + $("#my_div").height() > $("#my_div").height() - 200) {
                $('#more').css("top","400");
                $('#more').show();
            }
            if($("#my_div").scrollTop() + $("#my_div").height() == $("#my_div").height()) {

                $('#more').hide();
                $('#no-more').hide();

                page++;

                var data = {
                    page_num: page
                };

                var actual_count = "<?php echo $actual_row_count; ?>";

                if((page-1)* 12 > actual_count){
                    $('#no-more').css("top","400");
                    $('#no-more').show();
                }else{
                    $.ajax({
                        type: "POST",
                        url: "../data.php",
                        data:data,
                        success: function(res) {
                            $("#result").append(res);
                            console.log(res);

                        }
                    });
                }

            }


        });

    </script>

このスクリプトをこのプラグイン mcustomscrollbar http://manos.malihu.gr/jquery-custom-content-scroller/に適合させるにはどうすればよいですか

行事

$(document).on('scroll',"#my_div",function () { 

このプラグインmcustomscrollbarmanos.malihu.gr/jquery-custom-content-scroller では認識されません。お願い助けて！