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

更新： 修好了！ 我最终将包含表格的Div的宽度和高度增加了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

（表是动态加载的，在

表中没有什么特别的内容）：

我不确定我是否理解了这个问题，但是：
1） 您需要有2个div的一个父级屏幕大小，1个表比当前div大
2） 您不需要js将父div设置为全屏，只需使用width:100vw和height:100vh即可
3） 您可以将父div设置为overflow:scroll

在本例中，我设置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;

}

希望这对您有用：
尝试添加相对位置
    overflow-x: scroll;
    overflow-y: scroll;

.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;

}