为两个iframe创建公共卷轴

Create common scrolls for two iframes

本文关键字：创建 iframe 两个      更新时间：2023-09-26

我想创建的是两个滚动条，一个是垂直的，一个是水平的，当我滚动它们中的任何一个时，两个文档都会同时滚动。

我想给"divMain" "overflow:auto"属性和overflow:hidden给其他控件。但是当我运行时，有iframe的滚动条。滚动条属于iframe中id为xxxx的div。

我不知道div是从哪里来的。可能是我正在展示的文件中有一个infopath报告。

我给了父div maxheight(我不认为是很好的由于分辨率问题)，现在滚动来的高度。

现在我想让子控件(iframe)内容滚动，因为我滚动主div滚动

HTML: 

<div id="divMain">
    <div id="divChildOne" style="float: left; width: 50%;">
        <asp:Label runat="server" ID="lableOne" Font-Bold="true"></asp:Label>
        <br />
        <iframe id="iFrameOne" runat="server" style="width:100%;" />
    </div>
    <div id="divChildTwo" style="float: right; width: 50%;">
        <asp:Label runat="server" ID="labelTwo" Font-Bold="true"></asp:Label>
        <br />
        <iframe id="iFrameTwo" runat="server" style="width:100%;" />
    </div>
</div>

谢谢

 <div id="FieldCustom" runat="server" style="width:450px; height:400px; overflow:scroll;">
                <div id="divMain">
    <div id="divChildOne" style="float: left; width: 50%;">
        <asp:Label runat="server" ID="lableOne" Font-Bold="true"></asp:Label>
        <br />
        <iframe id="iFrameOne" runat="server" style="width:100%;" />
    </div>
    <div id="divChildTwo" style="float: right; width: 50%;">
        <asp:Label runat="server" ID="labelTwo" Font-Bold="true"></asp:Label>
        <br />
        <iframe id="iFrameTwo" runat="server" style="width:100%;" />
    </div>
</div>

                </div>
相关文章：