Question

我想得到一个屏幕的视口高度，没有溢出。

换句话说，我希望看到用户屏幕的高度，而不是整个网站的页面高度，包括用户可以向下滚动的溢出。

所以，如果他有一部iphone并且iphone的高度为600px，那么我想获得600，而不是整个身体，包括可以更高的卷轴。

这种方法很好，但它很黑，有另一种解决方案吗？我没有想出任何其他的东西。

// First you forcibly request the scroll bars to be shown regardless if they will be needed or not.
$('body').css('overflow', 'scroll');

// Take your measures.
// (These measures WILL take into account scroll bars dimensions)
var heightWithScrollBars = $(window).height();
var widthWithScrollBars = $(window).width();

// Set the overflow css property back to it's original value (default is auto)
$('body').css('overflow', 'auto');

Answer 1

我不完全确定，但如果您想要用户视口/屏幕大小你可以通过像这样的香草javascript访问它们

var viewportWidth = window.innerWidth + "px";
var viewportHeight = window.innerHeight + "px";

它只会给你一个数字，所以你必须用px作为前缀。

Answer 2

可以使用以下方法访问视口高度和宽度：

width = window.innerWidth
height = window.innerHeight

Javascript得到视口高度没有溢出Y.

2 个答案: