Javascript 滚动iframed内容上的收缩工具栏

我的应用程序基本上是一个角度材质md工具栏和md内容

 <md-content flex="">
 <!-- Scroll Wrapper for mobile iOS touch-scrolling -->
 <div class="scroll-wrapper"  style="width:100%;height:400px;">
    <iframe id="some_frame_id"
    src="https://en.wikipedia.org/wiki/Main_Page"
    style="width:100%;height:400px;"
    frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="auto"
    >
    </iframe>
</div>
</md-content>

我希望md工具栏在用户滚动md内容时消失

 <md-content flex="">
 <!-- Scroll Wrapper for mobile iOS touch-scrolling -->
 <div class="scroll-wrapper"  style="width:100%;height:400px;">
    <iframe id="some_frame_id"
    src="https://en.wikipedia.org/wiki/Main_Page"
    style="width:100%;height:400px;"
    frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="auto"
    >
    </iframe>
</div>
</md-content>

按照md scroll shrink属性的定义，这将非常简单

然而，我的md content指令只是iframe的包装器。因此，当用户滚动应用程序时，他们实际上是在md content指令中滚动iframe。这意味着md-toolbar指令不会拾取正在滚动的md内容，而是保持完整高度（不像我希望的那样收缩）

我已经拿了那本书

` 

角度材质滚动收缩演示，并在md内容中使用iframe

 <md-content flex="">
 <!-- Scroll Wrapper for mobile iOS touch-scrolling -->
 <div class="scroll-wrapper"  style="width:100%;height:400px;">
    <iframe id="some_frame_id"
    src="https://en.wikipedia.org/wiki/Main_Page"
    style="width:100%;height:400px;"
    frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="auto"
    >
    </iframe>
</div>
</md-content>

---

主页上的javascript是否可以检测其iframe的滚动？如果是这样，我也许可以编写自定义逻辑来滚动包含页面，或者使用css收缩工具栏。

如果使用“复制帖子”概念，md内容将滚动iframe并触发md工具栏以绑定iframe的滚动，查看这篇文章：我起初避免使iframe高度等于src文档的高度，因为这会根据用户在框架中的交互进行更改。然而，与之相结合，这似乎是一个有希望的方法。同样，第三条评论中的绑定也可能有效。我将尝试这些-&稍后根据我的经验进行更新。非常感谢。不客气。。。如果结果不错，请将你的结果与我的评论链接一起作为答案。