我目前将fixed position
div 用于我的 div,将其设置为留在页面底部。但是,当我将浏览器的大小重新调整为该 div 越过我的左侧导航的最小高度时,我遇到了一个问题。
所以我想要做的是,每当用户将浏览器窗口的大小重新调整到略低于我left navigation
固定位置的高度removed
时changed
,它不会overlap my left navigation
移动,浏览器将生成滚动到页面底部的位置div 停留。
那么我该如何解决这个问题呢?
我目前将fixed position
div 用于我的 div,将其设置为留在页面底部。但是,当我将浏览器的大小重新调整为该 div 越过我的左侧导航的最小高度时,我遇到了一个问题。
所以我想要做的是,每当用户将浏览器窗口的大小重新调整到略低于我left navigation
固定位置的高度removed
时changed
,它不会overlap my left navigation
移动,浏览器将生成滚动到页面底部的位置div 停留。
那么我该如何解决这个问题呢?
<body>
:threshold = 500;
if( $(window).height() < threshold ){
$('body').addClass('fixed');
}
你可以得到浏览器的高度,$(document).height()
而不是你可以检查
if($(document).height() > youwant){
$('selector').css('bla','bla');
//do you want
}
用js
if( typeof( window.innerWidth ) == 'number' ) {
//Non-IE
myHeight = window.innerHeight;
}
if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
//IE 6+ in 'standards compliant mode'
myHeight = document.documentElement.clientHeight;
}
现在你可以检查
if(myHeight >bla){
//your code
}