javascript - 查询两个事件

Question

我有一个顶部有链接的页面。单击链接时，它会向下滚动到特定部分。出于样式目的，我不得不编写一个小的 jQuery，使其必须在滚动到的实际部分上方 100 像素处着陆。现在我需要根据媒体查询更改像素数。这样写有什么问题吗？响应部分不起作用..

    function offsetAnchor() {

        if(jQuery(location.hash).length !== 0) {
            if (jQuery(window).width() <= 350) {
                window.scrollTo(window.scrollX, window.scrollY - 180);
            }

            else {
                window.scrollTo(window.scrollX, window.scrollY - 100);
            }
        }
    }

    // This will capture hash changes while you are on the same page
    jQuery(window).on("hashchange", function () {
        offsetAnchor();
    });


    window.setTimeout(function() {
        offsetAnchor();
    }, 1);

Answer 1

语法应该是:

jQuery(window).on("hashchange resize", function () {}

您可以在 jQuery API 阅读更多关于 .on() 函数的信息