Scroller无法使用javascript

时间:2016-11-18 04:40:51

标签: javascript jquery shopify scroller

我正在运行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'
                }
            });
        });

zoomed image that is not scrolling

1 个答案:

答案 0 :(得分:2)

试试这个

$('#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();
    }
}

});