書式
scrollObj = new fx.Scroll( element1, { duration:msec } )scrollObj.scrollTo(element2)
scrollObj : スクロールオブジェクト
element1 : ページ上のエレメント
element2 : スクロール先となるエレメント
msec : 処理完了までの時間 (ミリ秒)【省略可能】
説明
Ajaxライブラリ リファレンスサンプルコード [実行]
<html><head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="moo.fx.js"></script>
<script type="text/javascript" src="moo.fx.pack.js"></script>
<script type="text/javascript"><!--
window.onload = function(){
divObj = new fx.Scroll(null, { duration:1000 });
}
function pageScroll(el){
divObj.scrollTo(el);
}
// --></script>
</head>
<body>
<h1>スクロール</h1>
<form>
<input type="button" value="box2までスクロール" onClick="pageScroll('box2')">
<input type="button" value="box3までスクロール" onClick="pageScroll('box3')">
</form>
<div id="box1">
指定したオブジェクトの位置までスクロールします。
</div>
<div id="box2">
ボタンをクリックすると、この位置までスクロールします。(box2)
</div>
<div id="box3">
ボタンをクリックすると、この位置までスクロールします。(box3)
</div>
</body>
</html>