如何在全屏模式下水平滚动？

Question

更新：修好了！最后，我增加了100%的宽度和高度的分区包含的表，它使整个屏幕完全粘在屏幕上，让我也看到两个滚动条，我以前不能看到。感谢那些试图帮助我的人！

我有一个div，里面有一个table，div被放入全屏模式，table很大，所以你不能在全屏上看到它，所以我需要滚动功能才能工作。

垂直滚动在全屏上工作，但不工作水平滚动，谁知道如何使它与水平滚动在全屏模式下工作？

这是一个ASP.NET MVC应用程序。

我用来制作div全屏的方法：

    function fullscreenActivate() {
    var i = document.getElementById("overviewDiv");

    if (i.requestFullscreen) {
        i.requestFullscreen();
    } else if (i.webkitRequestFullscreen) {
        i.webkitRequestFullscreen();
    } else if (i.mozRequestFullScreen) {
        i.mozRequestFullScreen();
    } else if (i.msRequestFullscreen) {
        i.msRequestFullscreen();
    }
}

div (表是动态加载的，在table中没有什么特殊的)：

<div id="overviewDiv">
    Loading...
</div>

我在CSS上的div

    overflow-x: scroll;
    overflow-y: scroll;

Answer 1

我不确定我是否理解这个问题，但是: 1)您需要有2位div的父级的屏幕大小，1位的表比当前的div 2)您不需要js来将父div设置为全屏，您只需使用宽度:100 be和高度:100 vh3)即可将父div设置为溢出:滚动

在本例中，我在px中设置了父级宽度/高度，只是为了更好地理解结果，您应该用vh/vw替换它们。

.parent-div{
  background-color:red;
  /*
  Use this:
  width:100vw;
  height:100vh
  */
  width:500px;
  height:400px;
  overflow:scroll;
}
.child-div{
  background:green;
  height:300px;
  width:3000px;

}

希望这对你有用：https://codepen.io/frivolta/pen/MXPmoe