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

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

QA

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

본문

 

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

이미지의 투명도가 서서히 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)));
    })
})

 

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

이게 맞을지 모르겠네영

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

답변을 작성하시기 전에 로그인 해주세요.
전체 612
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT