테스트 사이트 - 개발 중인 베타 버전입니다

스크립트 정리좀 부탁드립니다. 채택완료

들레아빠 7년 전 조회 1,941

제가 영 초보라서 정리가 필요한데 도와주세요.

 

이게 동작은 잘 되는데 뭔가 부족한 느낌이 많습니다.

잘 좀 부탁 드립니다.

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

답변 2개

채택된 답변
+20 포인트
7년 전

<상단으로, 중간으로, 하단으로> 버튼 처리 스크립트로 보여집니다.

 

후반부 각 버튼 클릭에 대한 이동 처리부분은 특별히 정리할 부분이 없어 보입니다.

 

전반부, 아래로 스크롤을 조금 한 시점부터 해당 버튼들이 나오고, 그렇지 않으면 숨기는 처리는..

세 버튼을 포함하는 div 같은 것이 있다면 

    up button     center button     down button

다음과 같이 줄여주는 것이 가능합니다.

id 인 경우에는 #, class 인 경우에는 .으로 셀렉터 처리가 가능합니다. https://www.w3schools.com/jquery/jquery_selectors.asp">https://www.w3schools.com/jquery/jquery_selectors.asp

 

</p>

<p>$(document).ready(function() {

    $( window ).scroll( function() {

        if ($(this).scrollTop() > 100 ) {

            $('#go_btn').fadeIn();

        } else {

            $('#go_btn').fadeOut();

        }

    });

});</p>

<p>

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

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

들레아빠

빠르고 정확한 답변에 머리숙여 감사드립니다. 대단히 감사합니다.

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

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

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

로그인