ホームページ制作の小技集
＆nbsp;のホームページ制作 ++ 小技集 Tips ++
トップまでロールアップするJavaScript(IE限定)
このホームページでも使っているトップまでロールアップするjavascriptです。
たいしたスクリプトではないのですが、閲覧者をあっと驚かせることはできると思います。
またこのスムーズな移動を利用して、フォトアルバムの作成などいろいろなものに利用できると思います。
<script type="text/javascript">
<!--
function rollup() {
var scrj = 1;
if(navigator.appName == "Microsoft Internet Explorer" && document.compatMode == "CSS1Compat") {
var scdist = document.body.parentNode.scrollTop;
} else {
var scdist = document.body.scrollTop;
}
if(scrj<50 && scdist) {
scdist = (scdist>2) ? Math.ceil(scdist*.2) : 1;
scrj++;
scrollBy(0,-scdist);
setTimeout("rollup()",20);
} else {
scrollTo(0,0);//ここで好きな位置にしていできます。横の動きなら前の数値を、立ての動きなら後ろの数値を変えてください。
scrj = 1;
}
}
そうしてimageなどのリンクに
<a href="javascript:rollup();"><img src="top_img.gif" alt="このページのトップへ戻る"></a>
などとする。
