I've created a CDF that is very long (it would be over 9999px in height), but if I use the full height of my cdf file, it fails to load. That is, the following:
<html>
<head>
<title>Chapter 1</title>
<script type="text/javascript" src="/cdf/cdfplugin.js"></script>
</head>
<body marginwidth="0" marginheight="0" style="background-color: rgb(38,38,38)">
<script type="text/javascript">
var cdf = new cdfplugin();
cdf.embed('/cdf/Ch1Standalone.cdf', 960, 9999);
</script>
</body>
</html>
fails to load. However, if I change the height to be smaller, as:
<html>
<head>
<title>Chapter 1</title>
<script type="text/javascript" src="/cdf/cdfplugin.js"></script>
</head>
<body marginwidth="0" marginheight="0" style="background-color: rgb(38,38,38)">
<script type="text/javascript">
var cdf = new cdfplugin();
cdf.embed('/cdf/Ch1Standalone.cdf', 960, 1080);
</script>
</body>
</html>
Then my cdf file is cropped at 1080px and there is no scrollbar within it for me to navigate and I can't use my mouse wheel. I can click inside and use "Page down" or my keyboards down arrow key to "scroll" down, but obviously that is not the full experience. Any help would be greatly appreciated.