jquery - div가 뷰포트보다 큰 경우 div를 맨 위로 이동합니다.

Question

div와 같은 레이어가 있고 해상도가 낮은 방문자에게 문제가 있습니다. div 높이가 페이지 뷰포트보다 큰지 테스트하는 쉬운 방법이 있습니까? 그렇다면 div를 뷰포트의 맨 위로 이동 하시겠습니까? 감사합니다

Answer 1

이 밖으로 시도 :

(function() { 
    var viewport = window.innerWidth, 
     el  = document.getElementById('myDiv'), 
     widthDiv = el.style.width; 

    if (widthDiv > viewport) { 
    // Move the div higher 
     el.style.zIndex = 999; 
    } 
}())