全屏没有带引导降价的垂直滚动条

Question

我在我的网站上使用Bootstrap Markdown。在演示here中，当我进入全屏时，我的浏览器的滚动条（Firefox）消失了。但是，在我的网站上，这不会发生（滚动条粘在一起）。我想知道演示是如何完成这个的。

Answer 1

我认为这是浏览器设置的一部分，但如果你想用javascript完成它实际上非常简单

//Check for fullscreen
if ((window.fullScreen) || (window.innerWidth == screen.width && window.innerHeight == screen.height)){
    document.body.style.overflowY = "hidden"
} else {
    document.body.style.overflowY = "auto";
}

我使用此Checking if browser is in fullscreen帖子来确定如何确定窗口是否为全屏，以便您可以参考该窗口以获取有关该窗口的详细信息。