Why isn't this code working? (on my iphone 6, chrome)

This is my website. I want to do a waterfall and infinite scroll website, it is work fine on pc, but infinite loading not work on my iPhone 6 Chrome. Why?

And there is my code :

    <div id="container">    </div>
<script type="text/x-handlebars-template" id="waterfall-tpl">
{{#result}}
    <div class="item">
        <img src="{{image}}" width="{{width}}" height="{{width}}" />
        <!--<p>{{title}}</p>
        <p>{{description}}</p>
        <span style="color:gray;text-decoration:line-through;">{{price_standard}}</span>&nbsp;&nbsp;<span style="color:darkred;">{{price_promo}}</span>-->
    </div>
{{/result}}
</script>
<script src="http://ift.tt/rs8qB8"></script>
<script src="js/libs/handlebars/handlebars.js"></script>
<script src="js/libs/jquery.easing.js"></script>
<script src="js/waterfall.js"></script>
<script>
$('#container').waterfall({
    itemCls: 'item',
    colWidth: 222,
    gutterWidth: 15,
    gutterHeight: 25,
    checkImagesLoaded: false,
    minCol: 1,
    maxCol: 6,
    isAnimated: true,
    animationOptions: {
    },
    path: function (page) {
        return 'data/data' + page + '.json';
    }    
});
</script>