获取 ScrollWidth 在垂直调整大小时不起作用 (Angular)

Question

我正在 chrome 上 angular 8，并执行主机侦听器以调整 window 的大小，我有兴趣在其中获取 window 来增加我想要水平滚动的内部 div 的大小。关键是，当我捕获 window 的宽度并进行垂直调整（打开控制台）时，window 大小的值似乎发生了巨大变化。下面我把我的函数的代码和console

的印象结果

@HostListener('window:resize', ['$event'])
  onResize(event) {
    console.log("scrollwidth: "+document.body.innerWidth);
    this.updateBoardWidth();
  }

Answer 1

This 应该能帮到你。

无论如何

之间的主要区别

window.innerWidth

和

document.body.innerWidth

是第一行直接向window对象请求使用viewPort给出宽度，而第二行向body请求同样的东西，没有经过viewPort。您甚至可以在此页面中轻松尝试，方法是在使用正常缩放时尝试获取主体高度和客户端高度，然后使用比默认缩放更大的缩放。这是一个例子：

如果您需要更多信息，我会编辑这个答案！

获取 ScrollWidth 在垂直调整大小时不起作用 (Angular)

Get ScrollWidth does not work in vertical resize (Angular)

console

resize

google-chrome

width

angular