제이쿼리 스크롤 질문드립니다.
본문
스크롤하면 스크롤 양에 따라
이미지의 투명도가 서서히 1에서 0으로 보이게 만들고싶습니다.
sct=$(window).scrollTop();
console.log(sct);
if(sct >= 10){
$("#main").css({"opacity":"???"});
}
제이쿼리가 익숙하지 않아서 여기서 더 어떤식으로 수정해야할지 모르겠습니다 ㅠㅠ..
답변 1
$(function () {
// 초기 1설정
$("#main").css('opacity', 1);
let tmpNum = 1;
$(window).scroll(function () {
let scrollPercent = ((($(window).scrollTop() / ($(document).height() - $(window).height())) * 100) / 100).toFixed(1);
$("#main").css('opacity', parseFloat((tmpNum - scrollPercent)));
})
})
깔금한 소스가 있을듯한데 그건 다음분한테 패스요 ㅋ
이게 맞을지 모르겠네영
투명하게 할려는 이미지 위치에따라 소스가 달라질듯한데 그것역시 다음분에게 패스요 ㅋ
답변을 작성하시기 전에 로그인 해주세요.