iframe内のjavascriptから、親ウインドウのスクロールを検知したい。

###前提・実現したいこと
あるページにiframe内ページがありまして、
そのiframe内にあるjavascriptから、親ウインドウで発生させたスクロールを検知したいと思っています。
ですが、うまくいきません。

###該当のソースコード
■親ページ

HTML
1<iframe src="index.html"></iframe>

■iframeページ(index.html)のjavascriptコード

HTML
1<script type="text/javascript">
2$(window.parent.document).scroll(function(){
3alert("n?")
4});
5</script>

###試したこと
"windows.parent.document"を使って親ウインドウを指定してみましたが、スクロール検知されませんでした。

###補足情報(言語/FW/ツール等のバージョンなど)
JQueryなどのJSフレームワークはできるだけ使用しないで
実現したいです。
※そもそも$(window.parent.document)の部分がJQueryの記述のような気がして、
JQueryのお作法の文法間違いな気がしてきました。

もし解決策などご存知でしたら、回答いただけないでしょうか。
よろしくお願いします。

kei344

2016/09/05 11:25

コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

行動規範の内容に同意します

回答1件

ベストアンサー

同一オリジンであれば下記で scroll イベントを採れます。

HTML
1<!DOCTYPE html><html><head><meta charset="utf-8">
2<title>Child</title>
3</head><body>
4child
5<script>
6var parentDocument = window.parent.document;
7parentDocument.addEventListener( 'scroll', function() {
8	console.log( 'child!' );
9}, false);
10</script>
11</body></html>

HTML
1<!DOCTYPE html><html><head><meta charset="utf-8">
2<title>Parent</title>
3<style>body { height: 300vh; }</style>
4</head><body>
5<iframe src="child.html"></iframe>
6</body></html>

投稿2016/09/05 17:14

kei344

総合スコア69407

xblood

2016/09/06 02:32

回答ありがとうございます。 FireFoxにて動作確認したところ、動作することを確認しました。また、Chromeでは下記エラーが発生しましたが、同一オリジン問題ではないかと思っています。 child.html:6 Uncaught SecurityError: Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match.