반응형 js resize 질문이요,,

if ($(window).width() > 1570) {

    var $html = $("html");

    var page = 1;

    if (window.localStorage) {

        if (localStorage.getItem("pageA.page") != undefined)

        page = localStorage.getItem("pageA.page");

    }

    var lastPage = $("section").length;

    $html.animate({ scrollTop: 0 }, 10);

    $(window).on("wheel", function (e) {

        if ($html.is(":animated")) return;

        if (e.originalEvent.deltaY > 0) {

            if (page == lastPage) return;

            page++;

        } else if (e.originalEvent.deltaY < 0) {

            if (page == 1) return;

            page--;

        }

        if (window.localStorage)

        localStorage.setItem("pageA.page", page);

        var posTop = (page - 1) * $(window).height();

        $html.animate({ scrollTop: posTop });

    });

}

1570보다 작아졌을땐 해제시키고 커졌을땐 다시 적용이 되어야하는데

창의 크기를 작게 하면 또 새로고침 해야하고 다시 크게하면 또 새로고침 해야지 적용이 됩니다..

새로고침 하지않고 저절로 적용이 되는법이 궁금합니다,,, resize 코드로 하면 된다던데 해도 안됩니다