enquire.js를 사용하는 모바일 장치의 경우에만 이벤트를 제거하십시오.

웹 성능을 위해 어려운 크기 조정시 이벤트 리스너 대신 CSS 미디어 쿼리를 사용할 수 있으므로 enquire.js을 사용하고 있습니다.enquire.js를 사용하는 모바일 장치의 경우에만 이벤트를 제거하십시오.

휴대 전화가 세로 모드에있는 경우에만 적용해야하는 scrollWindow()를 트리거하는 이벤트를 만들었습니다. 가로 모드에서는 어떤 장치가 가로 방향이든지이 이벤트를 제거해야합니다. 나는 미디어 쿼리로 다른 수식을 실제로 시도했고 인터넷을 확인했기 때문에 나를 도와주는 해결책을 찾지 못했습니다 ...

반응이있는 프로젝트이지만 도움이된다면 적어도 Samsung Galaxy S3 및 iphone4를 대상으로해야합니다 . 내가 당신에게 코드를 삽입 여기 아래에 나는이 순간에 같이 있습니다

enquire.register('screen and (max-height: 640px) and (orientation: landscape)', { 

    match : function() { 
     window.removeEventListener('scroll',scrollWindow); 
    }, 
    unmatch: function(){ 
     window.addEventListener('scroll',scrollWindow); 
    } 

});

출처

2014-05-21 Daniel Ramirez-Escudero

는 내가 제대로 질문을 읽고 있어요 생각, 그래서 내가 설명하려고하자 ...

방법은 작품을 enquire.js 경기가 적어도 한 번만 실행 된 후 일치하지 않는 것이 인 경우입니다.

예를 들어 문제의 방향을 바꾸고 세로 방향에 대한 미디어 쿼리 테스트를 실시한 다음 일치하는 이벤트 리스너를 추가하고 일치하지 않는 경우 제거해야합니다.

출처

2014-05-21 16:34:14 WickyNilliams

@WickyNiliams 대답 해 주셔서 감사합니다 도움이

enquire.register('(orientation: portrait)', { match : function() { window.addEventListener('scroll',scrollWindow); }, unmatch: function(){ window.removeEventListener('scroll',scrollWindow); } });

희망, 나는 일부러 또는 미디어 쿼리와 일치 한 경우 수학 및 UNMATCH가 트리거 생각했다. 페이지로드시 작동하는 명령이 있고 미디어 쿼리에 의존하는 명령이 있습니까? –

enquire.js를 사용하는 모바일 장치의 경우에만 이벤트를 제거하십시오.

답변

관련 문제