javascript - Scroller 在 javascript 中不工作

Question

我正在运行一个 javascript 来在图像放大时向下滚动图像，但滚动条不起作用这是脚本

    $(function(){
     // Add a custom filter to recognize images from lorempixel (that don't end with ".jpg" or something similar)
            $.tosrus.defaults.media.image = {
                filterAnchors: function( $anchor ) {
                return $anchor.attr( 'href' ).indexOf( 'cdn.shopify.com' ) > -1;
                }
            };

            $('#example-2 a').tosrus({
                pagination  : {
                    add         : true
                },
                caption     : {
                    add         : true
                },
                slides      : {
                    scale       : 'fill'
                }
            });
        });

Answer 1

试试这个

$('#event-list').scroll(function() {
var curScroll = $(this)[0].scrollTop,
    maxScroll = $(this)[0].scrollHeight - $(this).height();

console.log(curScroll, ' :: ', maxScroll);

if ((curScroll >= maxScroll - 200) && !loading) {
    loading = true;

    $(this)[0].scrollTop = curScroll;

    $('.loading').fadeIn('fast');

    if (page <= $('.page').length) {
        loadMore();
    }
}

});