이전 목록 다음
채택완료

제이쿼리 스크롤 질문드립니다.

바나라바
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-08-27 (금) 17:09:47 1,666

스크롤하면 스크롤 양에 따라

이미지의 투명도가 서서히 1에서 0으로 보이게 만들고싶습니다.

        sct=$(window).scrollTop();

        console.log(sct);

        if(sct >= 10){

            $("#main").css({"opacity":"???"});

        }

제이쿼리가 익숙하지 않아서 여기서 더 어떤식으로 수정해야할지 모르겠습니다 ㅠㅠ..

제이쿼리
|

답변 1개

채택된 답변
+20 포인트
포포인트적립
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-08-27 (금) 19:07:05
Copy 
$(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)));

    })

})

깔금한 소스가 있을듯한데 그건 다음분한테 패스요 ㅋ 

이게 맞을지 모르겠네영

투명하게 할려는 이미지 위치에따라 소스가 달라질듯한데 그것역시 다음분에게 패스요 ㅋ

답변을 작성하려면 로그인이 필요합니다.