【jquery】iframe内のスクロールイベント設定とスクロール量取得

公開日: : JavaScript/jQuery

スポンサーリンク

ページ内に設置したiframeのスクロールイベントおよびスクロール量を取得したかったのでメモ

スクリプト

JS側

$(function(){
    $( $('#ifr')[0].contentWindow ).scroll(function () {
        var st = $($("#ifr").contents()[0]).scrollTop();
        $("#log").html(st);
    });
});

HTML側

<div id="log"></div>
<iframe src="http://livedoor.com/" id="ifr" ></iframe>

デモ

スクロール量:

スポンサーリンク
Amazon

  • このエントリーをはてなブックマークに追加

関連記事

無料のDAZ Studioに課金しまくってわかったこと

はじめに  初めにお断りしておきますがこれから書く意見はあくまで素人

[最後のレストラン]ジャンヌ「出来らあっ!」

はじめに 「スーパーくいしん坊」という漫画の有名なシーンがこちら

[日本株]特定の個別銘柄の大株主一覧をネットで見る方法

 個別株を購入する際に大株主情報をネットで検索して参考にしようと思った

[DAZ Studio]目線をカメラに向ける方法

DAZ Studioでフィギュアの目線をカメラに向ける方法についてです

[TortoiseGit]ブランチ作成とマージの方法(ローカル)

 私はGitを使うときはTortoiseGitを利用しているのですが、

→もっと見る

  • Author : ががんぼ
    プログラミングやWeb関係で気付いたことについてメモしていく予定。だいたいが備忘録ですが、自分でサンプルを作って動かしてみたりしています。