[jquery] 맨 위 효과 jquery 버전 반환

1486 단어 jquery
이전에 맨 위로 돌아가는 효과(javascript 버전)를 썼고 구체적인 내용은 클릭여기.했습니다.나중에 블로그에 적용했습니다. 블로그 정원은 원래 jquery를 사용하기 때문에 jquery 버전을 써서 맨 윗부분 효과를 되돌려 주었습니다. 구체적인 코드는 다음과 같습니다.
$(function(){
    $(window).scroll(function () {
        if ($(this).scrollTop() > 500) {
            $('#toTop').fadeIn();
        } else {
            $('#toTop').fadeOut();
        }
    });
    $("#toTop").click(function(){
        $("html,body").animate({scrollTop:0},"slow");
        return false;
    });    
});

우리는 jquery의 코드가 원생javascript의 코드보다 훨씬 적다는 것을 알 수 있다. 이것은 jquery의 봉인 방법을 사용했기 때문이다.
PS: jquery를 사용하는 동시에 jquery 라이브러리를 인용해야 한다는 것을 잊지 마세요.
js에서 jQuery의 함수를 호출하는 방법과 jQuery에서 js의 함수를 호출하는 방법
jQuery 학습(둘)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage