Javascript 为两个iFrame创建公共滚动条

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

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

我不知道这个部门是从哪里来的。可能是我正在显示的文档中的its，该文档是infopath报告

我给了父div maxheight（由于分辨率问题，我认为它很好），现在滚动到height

现在，我希望子控件（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>

谢谢

您是否有权访问iFrame的来源（即您是否可以更改）？它们是否与所讨论的页面位于同一域中？实际上，它是sharepoint服务器，绑定到iframe的数据是infopath报表。我使用的是FrameServer.aspx，它是infopath文件的内置查看器，据我所知。@user3851706这对你有帮助吗？但以像素表示高度和宽度是一种好的做法吗？是的，你可以以像素或百分比表示。

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