javascript - 如何使用滚动条可靠地获取屏幕宽度

Question

有没有办法可靠地告诉浏览器的视口(viewport)宽度(包括滚动条，但不包括浏览器窗口的其余部分)？

未列出任何属性 here告诉我屏幕的宽度，包括滚动条(如果存在)

Answer 1

我想出了如何使用来自以下代码的滚动条准确获取视口(viewport)宽度:http://andylangton.co.uk/blog/development/get-viewport-size-width-and-height-javascript

把这个放在你的 $(document).ready(function()

$(document).ready(function(){
    $(window).on("resize", function(){
      function viewport() {
          var e = window, a = 'inner';
          if (!('innerWidth' in window )) {
              a = 'client';
              e = document.documentElement || document.body;
          }
          return { width : e[ a+'Width' ] , height : e[ a+'Height' ] };
      }
    });
    // Get the correct window sizes with these declarations
    windowHeight = viewport().height;
    windowWidth = viewport().width;  
});

它的作用:

当您的页面“就绪”或调整大小时，该函数会计算正确的窗口高度和宽度(包括滚动条)。