点击嵌套页面的返回顶部父级页面不动的问题？

1、我在一个页面里面嵌套了顶部和底部两个页面。
2、底部页面有一个返回顶部的a标签。
3、想要的效果：点击底部的a标签，使页面重新从顶部开始显示。就是返回顶部的效果。

以下是用一些代码列子说明我的布局。

这个是1.html

    <iframe src="2.html" frameborder="0" scrolling="no" height="40px" width="100%"></iframe>
    <div style="background: red;width: 50%;height: 3000px;margin: 0 auto;"></div>
    <iframe src="3.html" frameborder="0" scrolling="no"  height="40px" width="100%"></iframe>

这个是2.html。是顶部的iframe内容。

    <div style="background: blue;width: 40%;height: 20px;margin: 0 auto;" id="logo">

    </div>
    ```
这个是3.html。是底部的iframe内容。

<div style="background: yellow;width: 50%;height: 20px;margin: 0 auto;text-align: center;">
<a href="#logo" id="toTop">回到顶部</a>
</div>