Til (2022.11.04)

$(document).ready(function () {
    $(window).scroll(function () {
        if ($(this).scrollTop() > 500) {
            $(".top").fadeIn("slow");
        } else {
            $(".top").fadeOut("slow");
        }
    });
    $(".top").on("click", function () {
        $("html,body").animate({
            scrollTop: "0"
        }, 300);
    });
});

배운것

 

Javascript

• 500 보다 밑으로가면 top이 천천히 fadeout
• 위로가면 top이 천천히 fadein
• top클릭시 scrolltop:0으로 이동

 

(미니프로젝트 발표)