Удаление эффекта размытия при прокрутке

Question

У меня есть фотография с эффектом размытия примерно так: filter: blur (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)" })     
 });