我有这样的模糊效果照片:filter:blur(6px);而我正试图在滚动上消除模糊效果。当我向下滚动时,我希望模糊为0。照片位于页面底部,所以我不想使用scrollTop功能。你能帮帮我吗?
这是基本的想法。您可以根据需要自由调整参数6和50:
$(window).on('scroll', function () {
var pixs = $(document).scrollTop();
pixs =6-pixs/50;
if(pixs<0) pixs=0;
console.log(pixs);
$(".out").css({"-webkit-filter": "blur("+pixs+"px)","filter": "blur("+pixs+"px)" })
});