Top > JavaScriptあれこれ > 指定要素の位置まで自動スクロール
Everything is expanded.Everything is shortened.
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>指定要素の位置まで、Javascriptで自動スクロール</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script language="JavaScript" type='text/javascript' src="prototype-1.6.0.2.js"></script>
</HEAD>
<BODY>
 
<div id="Div_A" style="width:100%;height:500px;background-color: #FF0000;border:solid #000000;">
</div>
 
<div id="Div_B" style="width:100%;height:500px;background-color: #00FF00;border:solid #000000;">
</div>
 
<div id="Div_C" style="width:100%;height:500px;background-color: #0000FF;border:solid #000000;">
</div>
 
<script type="text/javascript">
<!--
//prototype.js(http://www.prototypejs.org/)のPositionクラスで、
//Div_Bの座標を取得
var pos = Position.positionedOffset($("Div_B"));
//pos[0]=>left pos[1]=>top
 
//Div_Bのtopまでスクロール
window.scrollTo(0, pos[1]);
 
//-->
</script>
</BODY>
</HTML>
 

リロード   新規 編集 凍結解除 差分 添付 複製 名前変更   ホーム 一覧 単語検索 最終更新 バックアップ リンク元   ヘルプ   最終更新のRSS
Last-modified: 2012-08-08 (水) 23:25:17 (2923d)