我正在使用jQuery动画放射状渐变效果时,突然发现了一些奇怪的事情(请查看这个JSFiddle)。当鼠标指针移动到元素左侧时,位置动画很平滑,但当远离右侧时,它就不再平滑了(如果您足够慢地移动鼠标,就会注意到位置上的跳跃)。
你能复制这个问题吗?还是只有我遇到了这个问题?
编辑:在Safari中运行良好。
html { background: #fff; }
html, body {
width: 100%;
height: 100%;
}
body { background: #000; }
JavaScript
$('body').on('mousemove', function(event) {
var x = event.pageX;
var y = event.pageY;
$(this).css('background', '-webkit-radial-gradient(' + x + 'px ' + y + 'px, transparent 10%, #000 5%)');
});
你能复制这个问题吗?还是只有我遇到了这个问题?
编辑:在Safari中运行良好。
mousemove
事件不会触发)? - soktinpk