我如何让我的按钮“到顶端”工作，他不工作

Question

我编写代码，但是当我点击按钮时，他不会像他必须要做的那样走到头上

(function() {
    'use-strict'

    function checkScroll() {
        let scrolled = window.pageYOffset;
        let coords = document.documentElement.clientHeight;

        if (scrolled > coords) {
            goTopBtn.classList.add('up_show');
        }
        if (scrolled < coords) {
            goTopBtn.classList.remove('up_show');
        }
    }

    function downToUp() {
        if (window.pageXOffset > 0) {
            window.scrollBy(0, -80);
            setTimeout(downToUp, 0);
        }
    }

    let goTopBtn = document.querySelector(".down_to_up");

    window.addEventListener('scroll', checkScroll);
    goTopBtn.addEventListener('click', downToUp);
})();

做我该做的事

Answer 1

我大部分时间都给你写了一个简短的摘要，说明我是如何编程到顶部按钮的.我不太理解CheckScroll函数。只有当用户滚动了特定数量的像素时，才会显示to top按钮吗？

如果是的话，我可以补充我的答案。

HTML-代码：

<button id="scroll-to-top-button">
    Scroll to top
</button>

变体1-滚动到页面顶部：

// select the button
const scrollToTopButton = document.getElementById('scroll-to-top-button');

// listen for clicks on the button
scrollToTopButton.addEventListener('click', () => {
    window.scrollTo({
        top: 0, // specifies Y position
        behavior: 'smooth', // creates a smooth scroll effect
    });
});

变体2-滚动到特定元素：

// listen for clicks on the button
const scrollToTopButton = document.getElementById('scroll-to-top-button');

// listen for the click event
scrollToTopButton.addEventListener('click', () => {
    // select header element
    const header = document.querySelector('header');

    // scroll to the header element
    header.scrollIntoView({
        behavior: 'smooth', // creates a smooth scroll effect
    });
});

Answer 2

所以，使用严格，它是用空格写的，而不是连字符！

您需要参考以下评论：

，不是pageYOffset吗？

祝福