我曾经遭遇过一段时间的错误:
我正在做类似以下的事情:
$container.on('touchmove', function(){
$container.trigger( 'lazyload.appear');
});
$img.one( 'lazyload.appear', function(){
var that= this;
var $self= $(that);
$self.css('background-image', "url('real.path.to.img')" );
});
然而,在IOS上,当它们最初位于视口之外时,重新绘制背景图像似乎存在问题。当我拖动手指,直到图像在视口中时,除非我松开手指,否则图像不会被绘制到屏幕上。我试图瞄准实时,所以我希望一旦我做了一个touchmove就会显示图像,但是当它最初在视口之外时它会在touchend上显示出来。但是,在释放我的手指之前,console.log输出背景图像已更改。当图像在视口内时,重新绘制很好,当我拖动手指时它会立即重新绘制。
这似乎是一个错误,或者我错过了什么?谢谢你的帮助!