0706

1)학습한 내용

*html

<div class="topBtn">
        <button class="move">
            <i class="fa-solid fa-angle-up"></i>
        </button>
        <p>TOP</p>
    </div>

<script>
        $(window).scroll(function(){
            if ($(this).scrollTop() > 300){
                $('.topBtn').show();
            } else{
                $('.topBtn').hide();
            }
        });
        $('.topBtn').click(function(){
            $('html, body').animate({scrollTop:0},400);
            return false;
        });
        </script>

*결과:

2)학습내용 중 어려웠던점

X

3)해결방법

X

4)학습소감

top버튼을 만들어보았는데 처음에는 html에 코드만 쓰면 스크롤되는줄알았는데 js($)을 서야하는걸 알았다.