去除滚动上的模糊效果

Question

我有这样一张模糊效果的照片： 过滤器：模糊（6px）； 我正在努力实现消除滚动上的模糊效果。当我向下滚动时，我希望模糊为 0。照片位于页面底部，所以我不想使用 scrollTop 函数。你能帮我吗？

Answer 1

这是基本思路。您可以根据需要自由调整参数 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)" })     
 });