반응형 js 해제
본문
특정 창크기까지는 js 없다가 그 이상이 되면 js를 발동시키고 싶습니다
var $html = jQuery3_6_0("html");
var page = 1;
if (window.localStorage) {
if (localStorage.getItem("pageA.page") != undefined)
page = localStorage.getItem("pageA.page");
}
var lastPage = jQuery3_6_0("section").length;
$html.animate({ scrollTop: 0 }, 10);
jQuery3_6_0(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) * jQuery3_6_0(window).height();
$html.animate({ scrollTop: posTop });
});
============================================
@media (max-width:1570px) {}
1570크기 까지는 해당 js를 발동시키지 않고 싶습니다ㅜㅜ 어떻게 하면 좋을까요..