关于javascript如果在底部滚动

Question

我有一个js代码来显示像Pinterest（Water Fall）这样的内容。 Normaly，当我滚动到botttom时，会运行一个简短的javascript。但是当我将代码应用到我的网站时 https://community.sacvn.net/post-fresh.php 短的JavaScript不运行。 我认为底部的dectect动作滚动有问题。 你能帮助我吗 ？ 非常感谢。

我的js代码：community.sacvn.net/build/waterfall-light.js

这是我的html文件中的代码

<script>

    $(function(){

        var page = 5;

        // as below
        var setting = {
            gap: 10,
            gridWidth: [0,800,1200,1600,2400],
            scrollbottom:{
                gap: 200,
                endtxt : 'No More Data !!',
                callback: function(container){
                    // if scroll to bottom, load more data...
                    $.ajax(
                        {
                             type        : 'get',
                            dataType    : 'text',
                            url         : 'build/data_fresh.php',
                            data        : {page : page},
                            success     : function (result)
                        {
                        container.append(result);
                        }}).done(function(result){
                   if(page>=0)
                    container.waterfall('sort'); 

                   else
                   container.waterfall('end'); 
                    });
                page--;                         
                }
            }
        };


        $('#box').waterfall(setting);

    });