2017-10-24 3 views
0

scrollIntoView 내 사용자 브라우저의 기능을 실시간 검사하는 방법을 찾고 있습니다. 이것은 "caniuse"수표가 아닙니다. 오히려 나는 우아한 퇴화를 원한다. jQuery를 사용하고 있으며 scrollIntoView가 작동하는 경우 preventDefault()을 사용하려고합니다. scrollIntoView 브라우저 호환성을 테스트 할 수 있습니까?

나는 시작 :

 if (window.scrollIntoView) { 
      e.preventDefault(); 
      $('p#result').text('scrollIntoView is available'); 
     } else { 
      $('#result').text('scrollIntoView is not available'); 
     } 

하지만 window.scrollIntoView는 관리자의 undefined 인 것을 알 수있다. 그러나 scrollIntoView이 작동하므로 (Chrome 및 FireFox의 내 버전에서) 정의되지 않아야합니다. 사용자의 브라우저가이 기능을 지원한다면 다른 옵션은 무엇이 있습니까?

+0

https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView 'window'에는이 방법이 없습니다. – Huangism

답변

1

해당 method은 요소에 있으므로 document.documentElement.scrollIntoView을 확인할 수 있습니다.

+0

매력처럼 작동합니다. 'document.body.scrollIntoView'를 사용했고 코드가 올바르게 실행되었습니다. 고맙습니다! – Sablefoste