Как я могу отключить функцию jquery на максимальной ширине 768 пикселей?

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;
    }
}