2012-12-29 100 views
-2

我有div(像一个图层),并且访问者有小分辨率问题。是否有简单的方法来测试div高度是否大于页面视口,如果是,将div移到视口顶部?由于jquery - 如果div大于视口,则将div移动到视图顶部

+0

你的意思是调整DIV所以它的同视? – rissicay

+0

不,调整大小可以打破内容。只将div的顶部移到视口顶部。如果所有内容都不可见,则不重要,但div窗口上的关闭按钮必须可见。 – stix

回答

0

尝试了这一点:

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

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