ページ内iframe内スクロール

Pocket

iframe内を外部からスクロールさせたいという要望があったので。。なんか需要があるかもしれないので。
現物デモ:DEMO
ソースコード一式:download
noteで寄付を募っています:note

ソース

	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript"> 

		$(function(){ 
			var param;
			param = self.location.search;
			param = param.substring(1, param.length);

			$('#frame00').load(function() {
				if (param != "") {
					var target = $('#frame00').contents().find("#"+param);
					$('body,html').animate({scrollTop: $("#frame00").offset().top }, 800, 'swing');
					$('body,html', $('#frame00').contents()).animate({scrollTop: target.offset().top }, 800, 'swing');
					return false;
				}
			});

		 });
	</script> 
Pocket

タグ: ,
カテゴリー: お知らせ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

CAPTCHA


web屋 内藤
  • 初めまして
  • web制作承ります
  • 文章・イラスト
  • 紙媒体承ります
  • 野球お任せ下さい
英作文のフルーツフルイングリッシュ