자바스크립트. 스크롤 시 뒷 배경이미지 블러 처리 도와주세요ㅠㅠ 채택완료

헿헹

프로필 보기 이 회원 글보기 이 회원의 댓글보기

8년 전 조회 6,272

답변 1

테스트하고 있는 주소

http://qpqp8726.dothome.co.kr/themes/bliart/

입니다.

두번째 섹션으로 넘어갈때 뒷배경 블러처리 되게 하고싶습니다

아래 방법 두가지 다 써보았는데 안되네용 뭐가 문제일까요?

아니면 fullpage.js 플러그인 사용시 충돌 때문일수잇나요?

Copy

<script>$(document).ready(function(){  $(window).scroll(function(e) {    var distanceScrolled = $(this).scrollTop();    $('.visual_img').css('-webkit-filter', 'blur('+distanceScrolled/60+'px)');  });});</script>

이방법이랑

Copy

<script>$(document).ready(function(){  $(window).scroll(function(e) {    var distanceScrolled = $(this).scrollTop();    $('.visual_img').css('-webkit-filter', 'blur('+distanceScrolled/60+'px)');  });});</script>

Copy