在父框架内返回子框架页面顶部？

Question

就是一个页面iframe有另一个页面。
我希望在父框架内添加按钮，点击按钮后，子框架页面和父框架页面都可以实现返回顶端功能。
js能实现吗？
谢谢。

<style>
        *{
            margin: 0;
            padding: 0;
        }
        body{
            height: 3000px;
        }


 .goTop{position: fixed;bottom:0px;right:55px;display: none; }
    </style>
    
<iframe height=300 id=ifr src="1.html"></iframe>
<div class="goTop">top</div>

    <script>
         var goTop = document.querySelector('.goTop')


        window.onscroll = function () {
       
            var height = document.documentElement.scrollTop || document.body.scrollTop
   
            if(height >= 1200){
          
                goTop.style.display = 'block'
            }else {
            
                goTop.style.display = 'none'
            }
        }

       
        goTop.onclick = function () {
            ifr.window.scrollTo({
                top: 0,
                behavior: 'smooth'
            })
        }
    </script>

Answer 1

其实就是框架内的两个页面通信，同域的可以直接互相调用，跨域的可以用 postMessage。