さて、メイン ブラウザ ウィンドウのスクロールバーをオーバーライドして、代わりに iframe のコンテンツをスクロールしようとしています。問題は、iframe 自体のコンテンツが div 内に保存され、そこに含まれるウィンドウ (この場合は iframe) の 100% に設定されているように見えることです。
さらにややこしいことに、Web ページは実際には合流ページであり、読み込まれる iframe も合流ページです。つまり、ページは非常に深い構造を持ち、同一の ID を持っています。
jQueryを使用できます。
私がこれまでに持っているもの (主に、ここにあるコードをマージすることによって..)
var lastScroll = 0;
$(window).scroll(function() {
var q = $("#contentBox #splitter-content").scrollTop();
if (q >= lastScroll){
q=q+100;
$("#contentBox #splitter-content").scrollTop(q);
} else {
q=q-100;
$("#contentBox #splitter-content").scrollTop(q);
}
lastScroll = q;
});
contentBox は iFrame の識別子です
jQuery セレクターがどのように機能するかについては 100% ではありませんが、#splitter-content は #contentBox の直接の子ではありません。実際には、構造は次のようになります。
contentBox -> html -> com-attlassan-confluence -> フルハイト コンテナー -> スプリッター -> スプリッター コンテナー
問題は、スクロールトップを見つけたり設定したりしていないことにあると思います。上記のコードの 3 行目を実行した後、q は常に = 0 です。そのため、セレクターの問題である可能性があると思います。