无法一直向上滚动

如果浏览器窗口(垂直)小于WebGL内容区域,则即使显示滚动条,也无法滚动到窗口顶部。我们在屏幕分辨率较低的Chromebook上遇到了这个问题,尽管滚动到底部也可以,但用户无法向上滚动以查看Unity内容的顶部以及上方的图形。看起来浏览器认为内容比实际的要小。我不是HTML专家,我做错了什么吗?有任何解决这个问题的方法吗?

<!DOCTYPE html>
<html lang="en-us">
  <head>
     <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Standing Waves</title>
    <link rel="shortcut icon" href="TemplateData/favicon.ico">
    <link rel="stylesheet" href="TemplateData/style.css">
    <script src="TemplateData/UnityProgress.js"></script>
    <script src="Build/UnityLoader.js"></script>
    <script>
      var gameInstance = UnityLoader.instantiate("gameContainer", "Build/sws_StandingWavesonaString.json", {onProgress: UnityProgress});
    </script>
<style type="text/css">
    body {
        background-color: #000000;
    }
</style>
</head>

<body>  
<table width="1050px" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td width="1050" height="40" align="left" style="vertical-align:center"><a href="http://www.polyhedronlearning.com" target="_blank"><img src="../_graphics/PolyhedronPhysics_logo.jpg" alt="" width="324" height="26" /></a></td>
         </tr>
        <tr>
            <td style="vertical-align:top">
            <div class="webgl-content">
                <div id="gameContainer" style="width: 1024px; height: 768px"></div>
            </div>
            </td>
        </tr>
</table>
</body>
</html>