消除滚动效果

时间:2019-04-14 20:19:30

标签: javascript image blur

我的照片带有模糊效果,如下所示: 滤镜:blur(6px); 而且我正试图实现消除滚动上的模糊效果。向下滚动时,我希望模糊为0。照片在页面的底部,所以我不希望不使用scrollTop函数。你能帮我吗?

1 个答案:

答案 0 :(得分:0)

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