JS에서 브라우저 기능을 관리하는 방법은 무엇입니까?

Question

일부 요소에서 프로그래밍 방식으로 애니메이션을 적용하기 위해 $(window).scroll() jQuery 이벤트를 사용하는 사이트를 만들었습니다. iOS가 같은 방식으로이 이벤트를 지원하지 않기 때문에 iPad에서의 경험은 끔찍합니다.

자바 스크립트에서 브라우저를 감지하면 다른 브라우저에서의 경험을 어떻게 관리 할 수 ​​있습니까? 이 올바른 접근법인가?

Answer 1

당신은 잘못된 질문을하고 있습니다. 브라우저 감지 및 브라우저 특정 코드는 악합니다. 프로젝트가 복잡해지고 앞으로 처리하기가 어렵습니다. 기능 탐지에 대해 자세히 알아보십시오.

var scrollContent, 
    scrollNav; 

function loaded() { 
    scrollContent = new iScroll('contentWrapper'); 
    scrollNav = new iScroll('navWrapper'); 
} 

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); 

document.addEventListener('DOMContentLoaded', loaded, false);