如何在最大宽度 768px 上禁用 jquery 功能？

Question

我是 Javascript 和 Jquery 的新手。我需要帮助，我已经阅读了很多解决方案，但我无法解决这个问题。

我只是无法正确使用语法。我需要这个scroll button not to be shown at all, on max-width 768px。

谢谢！

$(document).ready(function () {
    $(window).scroll(function () {
        if ($(this).scrollTop() > 140) {
            $('#scroll-top-button').fadeIn();
        } else {
            $('#scroll-top-button').fadeOut();
        }
    });

    $('#scroll-top-button').click(function (e) {
        e.preventDefault();
        $('html, body').animate({ scrollTop: 0 }, 800);
    });
});

Answer 1

您是否尝试过在普通的旧 CSS 中使用断点隐藏按钮？

@media only screen and (max-width: 768px) {
    #scroll-top-button {
        display: none;
    }
}