테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

제이쿼리 스크롤 질문드립니다. 채택완료

바나라바 4년 전 조회 1,556
답변 1
목록

 

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

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

 

        sct=$(window).scrollTop();

        console.log(sct);

 

        if(sct >= 10){

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

        }

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

 

#제이쿼리
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
포 

</p>

<p>$(function () {</p>

<p>    // 초기 1설정</p>

<p>    $("#main").css('opacity', 1);</p>

<p>    let tmpNum = 1;</p>

<p>    $(window).scroll(function () {</p>

<p>        let scrollPercent = ((($(window).scrollTop() / ($(document).height() - $(window).height())) * 100) / 100).toFixed(1);</p>

<p>        $("#main").css('opacity', parseFloat((tmpNum - scrollPercent)));</p>

<p>    })</p>

<p>})</p>

<p>

 

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

이게 맞을지 모르겠네영

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

로그인 후 평가할 수 있습니다

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

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

로그인