On chrome when I scroll down the target elements don't get new blurred images till the mouse hover them, but when I open the library website blurjs fixed background example It works on the same browser, why do I get redrawing issue with blurjs?
JS:
$('.panel').blurjs({
radius: 2,
overlay: 'rgba(255,255,255,0.4)',
draggable: true
});
CSS:
body{
background: url('../images/1.png');
background-position: top left;
background-repeat: repeat;
background-attachment: fixed;
}
On chrome when I scroll down the target elements don't get new blurred images till the mouse hover them, but when I open the library website blurjs fixed background example It works on the same browser, why do I get redrawing issue with blurjs? JS: $('.panel').blurjs({ radius: 2, overlay: 'rgba(255,255,255,0.4)', draggable: true }); CSS: body{ background: url('../images/1.png'); background-position: top left; background-repeat: repeat; background-attachment: fixed; }