2011-08-11 6 views
0

私は、外部のドキュメントの内容をiFrameに読み込んでそれをユーザに表示するアプリケーションを持っています。状況をより複雑にするために、iFrame内のコンテンツにはフレームセット自体が含まれており、ユーザーはページの高さをコンテンツの高さで拡大または縮小したいと考えています。基本的に、彼らはスクロールバーを見たくありません。これは、フレームセット内の各ページの読み込みで、次のJavaScript関数を呼び出すと非常にうまくいきます。iFrame内にネストされたフレームのスクロールイベントをキャプチャする

function resizeFrame() { 
    var windowDoc = window.top.document 
    var iframeCheck = null; 
// first, check to see if we can find a window.top.document 
    if (windowDoc != null) { 
    var iframeCheck = windowDoc.getElementById('docIframe'); 
    } 
// did we really find the iFrame? 
    if (iframeCheck != null) { 
    // clean out the iframe height to avoid appending every time 
    iframeCheck.style.height = null; 
    var scrollHeight = document.body.scrollHeight + 75; 
    iframeCheck.style.height = scrollHeight + 'px' 
    } 
} 

ページの高さはちょうど良いものばかりです。問題は、ユーザーがマウスをフレームの中に入れ、マウスホイールでスクロールしようとすると何も起こらないということです。私がしたいのは、フレーム内のスクロールイベントにページ移動を含めることです。私はスクロールイベントをキャプチャしてそれを含むページに渡すことが必要だと思いますが、これを理解できません。実際には、onScroll()でJavaScriptのアラートをフレームコンテンツに挿入し、可能であればスクロールしません。ほとんどの場合、スクロールイベントは完全にアクセスできない。誰もこれを行う方法を提案することはできますか?

おかげで、 アレックス

答えて

1

私はこれを回避する方法を見つけました。私はスクロールイベントにフックすることはできませんでしたが、マウスホイールのイベントはすぐに利用でき、うまく問題を解決しました。

関連する問題