자바스크립트. 스크롤 시 뒷 배경이미지 블러 처리 도와주세요ㅠㅠ 채택완료
헿헹
8년 전
조회 6,203
테스트하고 있는 주소
http://qpqp8726.dothome.co.kr/themes/bliart/">http://qpqp8726.dothome.co.kr/themes/bliart/
입니다.
두번째 섹션으로 넘어갈때 뒷배경 블러처리 되게 하고싶습니다
아래 방법 두가지 다 써보았는데 안되네용 뭐가 문제일까요?
아니면 fullpage.js 플러그인 사용시 충돌 때문일수잇나요?
</p><p><script></p><p>$(document).ready(function(){</p><p> $(window).scroll(function(e) {</p><p> var distanceScrolled = $(this).scrollTop();</p><p> $('.visual_img').css('-webkit-filter', 'blur('+distanceScrolled/60+'px)');</p><p> });</p><p>});</p><p></script></p><p>이방법이랑
</p><p style="font-size: 14.6667px;"><script></p><p style="font-size: 14.6667px;">$(document).ready(function(){</p><p style="font-size: 14.6667px;"> $(window).scroll(function(e) {</p><p style="font-size: 14.6667px;"> var distanceScrolled = $(this).scrollTop();</p><p style="font-size: 14.6667px;"> $('.visual_img').css('-webkit-filter', 'blur('+distanceScrolled/60+'px)');</p><p style="font-size: 14.6667px;"> });</p><p style="font-size: 14.6667px;">});</p><p style="font-size: 14.6667px;"></script></p><p style="font-size: 14.6667px;"><span style="font-size: 14.6667px;"></p><p><span style="font-size: 14.6667px;">.blur {-webkit-filter: blur(4px);}</span> </p><p><span style="font-size: 14.6667px;">
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인