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

このスクリプトを iframe ヘッドに挿入しようとしましたか? ところで、そのparent.documentはdocument.parentではありません。

于 2013-01-24T16:40:33.110 に答える
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 に答える