我无法在 IE7 上获取 window.innerHeight。如何修复？

Question

我可以在 Chrome 上获取 window.innerHeight。

1、如何通过纯JS在IE7上获取该属性？

2、如何通过jQuery在IE7上获取该属性？

谢谢你！

Answer 1

1. 纯JS很难；所以你需要一个脚本：

   http://andylangton.co.uk/articles/javascript /get-viewport-size-javascript/

2. 另一方面，jQuery 只需键入以下内容即可简单：

   $(窗口).height();
   

现场演示的 JS Fiddle 链接

注意： 窗口大小为 JS Fiddle 中结果部分的大小。

更新 1

我发现了一个脚本，可以从 JQuery Dimensions 应该有一个返回滚动条大小的方法：

jQuery.getScrollBarSize = function() {
   var inner = $('<p></p>').css({
      'width':'100%',
      'height':'100%'
   });
   var outer = $('<div></div>').css({
      'position':'absolute',
      'width':'100px',
      'height':'100px',
      'top':'0',
      'left':'0',
      'visibility':'hidden',
      'overflow':'hidden'
   }).append(inner);

   $(document.body).append(outer);

   var w1 = inner.width(), h1 = inner.height();
   outer.css('overflow','scroll');
   var w2 = inner.width(), h2 = inner.height();
   if (w1 == w2 && outer[0].clientWidth) {
      w2 = outer[0].clientWidth;
   }
   if (h1 == h2 && outer[0].clientHeight) {
      h2 = outer[0].clientHeight;
   }

   outer.detach();

   return [(w1 - w2),(h1 - h2)];
};

剩下的唯一问题是 总是添加滚动条宽度&高度到尺寸，无论是否有滚动条。解决此问题的一种解决方案是检测网页中何时存在溢出以及在什么维度（垂直或水平）。