javascript - 为两个 iframe 创建通用滚动条

Question

我想要创建的是两个滚动条，一个是垂直的，一个是水平的，当我滚动其中任何一个时，两个文档将同时滚动。

我虽然给“divMain”“溢出:自动”属性和溢出:隐藏到其他控件的其余部分。但是当我运行时，iframe 有滚动条。滚动条属于 iframe 内的一个 div，其 ID 为 xxxx。

我不知道div是从哪里来的。可能是我正在显示的文档中的信息路径报告。

我给了父 div 最大高度(由于分辨率问题，我认为这很好)，现在滚动高度。

现在我希望在滚动主 div 滚动时滚动子控件 (iframe) 内容

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>

谢谢

Answer 1

 <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>