【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>

デモ

スクロール量：

iframe 関連処理まとめ
スポンサーリンク
  • このエントリーをはてなブックマークに追加

関連記事

PREV
monacaでWebサイトをアプリ化
NEXT
【CakePHP3】無関係な複数テーブルのデータを一つのコントローラで扱う

最新記事

HTTP ERROR 500の原因と解決方法案

　PHPをいじっていたら「HTTP ERROR 500」に遭遇して数時

土日は株ができないので競馬で遊んでみた結果、意外にも…

　2018年初めての投稿です。最近株や投信を始めてみましたが土日は当然

WordPressサイトのSSL対応(HTTPS化)手順のまとめ【さくらサーバー】

先週頃にこのサイトをSSL対応しましたのでその流れについてまとめておき

【Google Charts】動的にグラフを更新する方法

はじめに Webサイト上でグラフを描こうと思った場合、いくつかのJa

体重変化量計算シミュレータ【ダイエット/肥満】

ツール本体 入力 カロリー入力 1日の余剰摂取/消費カロリー

→もっと見る

  • このサイトについて

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

  • カテゴリー

  • スポンサードリンク