BLOG

BackToTopButton

こんばんは

昨日の忘年会で浴びるほど酒を飲んだので、今日はゆったり過ごしてたら更新が夜になりましたどうもハヤトワンです。

久々に朝帰りした。

ということで、日課のコーディングはこれ

https://github.com/HayatoMoromasa/sample/tree/main/BackToTopButton

        window.addEventListener('scroll', ()=> {
            const scroll = document.querySelector('.scrollTop');
            scroll.classList.toggle('active', window.scrollY > 200)
        });
        function scrollToTop() {
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            })
        }

window.scrollYでスクロール中に、設定したボタンの位置をトリガーにactiveをつけ、ボタンがクリックされたら、window.scrollToでトップに戻るような仕様です。

シンプル。

ということでおわり。

おやすみなさい