Question

我有一个简单的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>

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

图像： Problem with scroll bars

我将不胜感激任何信息

enter image description here

Answer 1

我们在IE和Chrome中遇到了同样的问题，并使用Javascript解决了这个问题：

将以下Javascript添加到Silverlight测试页。

window.onload = resizeObject;
window.onresize = resizeObject;
function resizeObject() {
    var height = document.getElementById('silverlightControlHost').offsetHeight;
    document.getElementById('silverlightObject').height = height;
}

为您的OBJECT标记提供ID“silverlightObject”。

<object id="silverlightObject" data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
</object>

测试它。

Answer 2

你试过放一个溢出：auto;在div #silverlightControlHost风格？并从html，body

中删除该属性

Answer 3

与屏幕截图相比，min-height css中的min-width和#silverlightControlHost值看起来很可疑。

您是否尝试过更改其值（或完全删除它们）作为测试，以确定它是否会影响显示？

如果您的div大于您的浏览器窗口（从您的评论中显示），则可以解释滚动条。使div的最小尺寸变小（如果可以的话）。

Answer 4

我设法只使用CSS解决它，只将这些CSS行添加到我的网站：

body
{
   padding:0px;
   margin:0px;
   overflow:hidden;
}

.silverlightControlHost
{
   height:100%;
}

html, body 
{ 
   height: 100% 
}

当然假设持有silverlight html对象的div具有指定为“silverlightControlHost”的类

浏览器滚动条与silverlight应用程序的问题。（Html）

4 个答案: