lazyload.js和mCustomScrollbar

Question

我正在使用带有lazyload.js和mCustomScrollbar

的水平图像查看器

我可以让它工作但是我不认为我的代码是合理的，并且在我点击，拖动或滚动滑块之前页面加载时会有延迟。

This post非常有帮助，但不是100％。我相信每次滚动页面时都会重新输出代码？

我使用以下代码进行延迟加载：

<script>
  jQuery(function() {
    jQuery("img.lazy").lazyload({
container: jQuery("#slider"),  
skip_invisible : false,
});
jQuery(window).resize();
  });
jQuery(window).load(function() {
jQuery(window).resize();    
});
</script>

这是自定义滚动条的代码

<script>
(function($){
    $(window).load(function(){
        $("#slider").mCustomScrollbar({
axis:"x",
            scrollButtons:{
                enable:true
            },
scrollButtons:{ enable: true },
autoDraggerLength: false,
theme:"dark-thin",
mouseWheel:{ preventDefault: true },
mouseWheel:{ invert: true},
            callbacks:{
                whileScrolling:function(){ WhileScrolling(); } 
            }
        });
        function WhileScrolling(){
            $("img.lazy").lazyload();
        }
    });
})(jQuery);
</script>

非常感谢任何输入。