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 () {

此插件mcustomscrollbar manos.malihu.gr/jquery-custom-content-scroller无法识别

。请帮帮我！

Answer 1

也许是因为你没有等待DOM准备就绪。试试这个：

<script type="text/javascript">
    var page = 1;
    $(function () { //DOM ready handler
        $(document).on('scroll',"#my_div",function () {
            //all your code here
        });
    });
</script>

滚动时从数据库添加更多项目

1 个答案: