如果浏览器窗口(垂直)小于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>