테스트 사이트 - 개발 중인 베타 버전입니다

반응형 js 해제 채택완료

dkdh12 3년 전 조회 3,533

특정 창크기까지는 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를 발동시키지 않고 싶습니다ㅜㅜ 어떻게 하면 좋을까요..

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
소금디자인

if (window.innerWidth > 1569){}

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인