Question

我目前使用fixed position作为我的div，将其设置为停留在页面底部。但是，在将浏览器重新调整到div的最小高度时，我遇到了一个问题。

所以我想要做的是，每当用户将浏览器窗口重新调整为略低于left navigation的高度时，固定的位置为removed或changed，以便它不会overlap my left navigation，浏览器会生成滚动到该div所在的页面底部。

那我怎么能解决这个问题？

Answer 1

最好将类用于`<body>`：

threshold = 500;
if( $(window).height() < threshold ){
   $('body').addClass('fixed');
}

Answer 2

您可以通过$(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
   }

当浏览器重新调整大小到特定高度时，更改固定位置

2 个答案:

最好将类用于`<body>`：

当浏览器重新调整大小到特定高度时，更改固定位置

2 个答案:

最好将类用于<body>：

最好将类用于`<body>`：