浏览器滚动条与silverlight应用程序的问题.(Html)

Iev*_*ida 6 html css silverlight

我有一个简单的silverlight应用程序,我需要为它添加Web浏览器滚动条.(滚动条不在我的silverlight应用程序中)

所以我有html:

<style type="text/css">
html, body {
    height: 100%;
    overflow: auto;
}
body {
    padding: 0;
    margin: 0;
}
#silverlightControlHost {
    height: 100%;
    min-height:600px;
    min-width:800px;
    text-align:center;
}
</style><body>
<form id="form1" runat="server" style="height:100%">
<div id="silverlightControlHost">
    <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">       
      <param name="source" value="ClientBin/Infopulse.MobileOptimizer.xap"/>          
      <param name="onError" value="onSilverlightError" />
      <param name="background" value="white" />
      <param name="minRuntimeVersion" value="4.0.50401.0" />
      <param name="autoUpgrade" value="true" />       
      <param name="culture" value="ru-ru" />
      <param name="uiculture" value="ru-ru" />
      <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50401.0" style="text-decoration:none">
          <img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="Get Microsoft Silverlight" style="border-style:none"/>
      </a>
    </object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe></div>
</form>
</body>
Run Code Online (Sandbox Code Playgroud)

我遇到了下一个问题:启用滚动条时,垂直滚动条工作不正常Silverlight应用程序不适合页面内容.(屏幕上的红色箭头显示没有silverlight应用的区域)我现在不知道如何解决这个问题.宽度适合正常.内部silverlight应用程序内容设置为拉伸

图片: 滚动条问题

我将不胜感激任何信息

在此输入图像描述

小智 8

我们在IE和Chrome中遇到了同样的问题并使用Javascript解决了它:

  1. 将以下Javascript添加到Silverlight测试页面.

    window.onload = resizeObject;
    window.onresize = resizeObject;
    function resizeObject() {
        var height = document.getElementById('silverlightControlHost').offsetHeight;
        document.getElementById('silverlightObject').height = height;
    }
    
    Run Code Online (Sandbox Code Playgroud)
  2. 为OBJECT标记提供ID"silverlightObject".

    <object id="silverlightObject" data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
    </object>
    
    Run Code Online (Sandbox Code Playgroud)
  3. 测试一下.