JqueryでIfremeのスクロール量をチェックする処理を作っているのですが、スクロールイベントがなぜか動きません。どこが間違っているのでしょうか? ご教授お願い致します。
参考Demoページ:http://mementoo.info/archives/2053
<!DOCTYPE HTML> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="UTF-8"> <title>Demo</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> </head> <body> <p>スクロール量:<span id="log"></span><br /> <iframe src="./test.html" width="80%" height="300px" id="ifr"></iframe> <script type="text/javascript"> $(function(){ $($('#ifr')[0].contentWindow).scroll(function () { console.log('スクロール中'); var st = $($("#ifr").contents()[0]).scrollTop(); $("#log").html(st); }); }); </script> </body> </html>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。