0

我一直在寻找解决方案，但无法弄清楚。尝试了很多我见过的方法，但没有一个有效。

这是我想做的：

我有一个带有导航菜单的主页，所有内容都加载到 iFrame 上。我不知道何时向下滚动 iFrame 内容以启用或禁用返回顶部按钮，并在单击按钮时将 iFrame 内容发送回顶部。

<script type="text/javascript">
    $(function() {
    $(window).scroll(function() {
        if($(this).scrollTop() != 0) {
            $('#toTop').fadeIn();   
        } else {
            $('#toTop').fadeOut();
        }
    });

    $('#toTop').click(function() {
        $('body,html').animate({scrollTop:0},800);
    }); 
    });
</script>

我找到了这段代码，但它可以在您所在的当前页面上运行。我对 document.parent、parent、trigger() 进行了很多尝试，但没有任何效果。我可以将此代码粘贴到将在 iFrame 上加载的所有页面上，但我想要将返回顶部按钮放在内容顶部的静态按钮菜单上，以便从任何部分都可以看到它你的文字。

谢谢！

4

2 回答 2

0 
$(window).scroll(function() {
  if($(window).scrollTop() + $(window).height() == $(document).height()) {
   button = document.getElementById('topButton'); 
   button.style.display = "block";
 }
});

function toTop(){
document.getElementById('iframeContainer').scrollTop = 0;
}

并隐藏按钮。一旦到达底部，它应该将样式更改为阻止并使其可见。使用新可见的按钮调用 toTop() 函数。

于 2013-01-24T16:44:17.190 回答
0

您是否尝试过将此脚本插入 iframe 头部？顺便说一句，它的 parent.document 不是 document.parent。

于 2013-01-24T16:40:33.110 回答