Silverlight控件将滚动条添加到浏览器窗口

时间:2010-10-09 15:36:26

标签: html silverlight silverlight-3.0 scrollbars

虽然对于silverlight很新,我制作了一个可点击的地图。 [注意:它比使用html标签更好,因为地图的轮廓与每个区域的精确轮廓相匹配,并且很容易生成上下文菜单。)

我不得不调整地图的大小,现在它正在向浏览器窗口添加一个全新的滚动条:我现在有两个垂直滚动条。不适合可访问性和可用性。

问题是:为什么我会得到这个额外的滚动条?

HTML:

<div id="silverlightControlHost" style="padding: 0px; border: 2px solid #999; margin: 5px;
    width: 575px; height: 525px;">
    <object data="data:application/x-silverlight-2," type="application/x-silverlight-2"
        width="575" height="525">
        <param name="source" value="../ClientBin/RegionsES.xap" />
        <param name="onError" value="onSilverlightError" />
        <param name="background" value="white" />
        <param name="minRuntimeVersion" value="3.0.40818.0" />
        <param name="autoUpgrade" value="true" />
        <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40818.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>

它的样子:

alt text

有什么建议吗?

2 个答案:

答案 0 :(得分:2)

这一切看起来还不错,我会验证包含此div的包含HTML不是创建滚动条的实际罪魁祸首。

某个控制高度超过父元素的某个地方可能不在xap / wrapper div中,但在html树中更高。

答案 1 :(得分:2)

是在任何浏览器上还是仅在IE中发生?

如果它只是在IE中,可能你遇到了我所描述的问题here

解决方案是将overflow ='hidden'设置为_sl_historyFrame div的样式。