javascript - 图像在 iframe 滚动上消失

Question

我有代码：

$(document).on('scroll', function() {
    if ($(this).scrollTop() == 0) {
        $('#arrow').show()('TOP!');
    }
    else {
        $('#arrow').hide()($(this).scrollTop());
    }
});

这让我有一个图像，当我开始滚动时会消失，当滚动条到达页面顶部时会重新出现。但是。

我想知道是否可以将此 JS 链接到我页面上的 iframe 并在我使用 iframe 滚动时让图像消失？