根据页面垂直滚动调整iframe的正确位置

Question

环境：Chrome，MAC（10.14.3），其设置“显示滚动条”设置为“基于鼠标自动”，AngularJS 1.4.9。

情况：我在页面右侧有一个iframe。父页面是垂直滚动的。我可以控制iframe，但不能控制父页面。 iframe会显示在任何父页面上。

问题：当用户在页面上滚动时，垂直滚动条显示在我添加的iframe上方。

问题：是否可以使用JS根据页面滚动开始和页面滚动结束来调整iframe的位置？例如，开始滚动时，将iframe稍微向左移动，以使iframe仍然向右平移，但与滚动条没有重叠。类似地，当我们结束滚动时，我想在滚动结束后将滚动条向右移动，以使其向右平齐。有什么方法可以实现？