上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 よくある、画面上部にスクロールするスクリプト。
 ちょっと工夫してみます。IEでは動きません。



見本

*見本は、画面左下に表示されているボタンです。

▲ページトップ


ウィンドウスクロールひな形

<a style="position:fixed; bottom:0; left:0; background:#09f; color:#fff; padding:10px 50px;" onclick="scloltop()">▲ページトップ</a>

<script type="text/javascript">
<!--
function scloltop() {
var scloltopxxx=window.pageYOffset;
if (scloltopxxx<1){
clearTimeout(scloltime);
window.scrollTo(0,0);
} else {
scloltopxxx=scloltopxxx*0.95;
window.scrollTo(0,scloltopxxx);
scloltime=setTimeout("scloltop()",0);
}
}
//-->
</script>



カスタマイズ

■ボタンにする要素に「onclick="scloltop()"」を追加。
0.95の値を0~1未満で設定します。値を小さくすると、極端に早くなります。
0が、インターバル。値を加えると遅くなります。


 メニューページはこちらから。
簡易スクリプトひな形集
このエントリーをはてなブックマークに追加
Thu.07.15.2010
Comment
Trackback
Comment Form
質問するときは?
  • 不具合が出ているページのURLを書き込む。
  • 使っているブラウザ(IE、Firefoxなど)を書き込む※IE6はサポート外です。
  • 次の人が確認できるように、使っているテンプレートの記事ページ、或いは各カスタマイズ記事ページにコメントを書きこむ。
コメント時の注意
やっぱり自分で解決したい時
特定の記事のみでレイアウトが崩れる場合
全ページでレイアウトが崩れる場合
メールフォーム
Bookmarks
Page Top
Copyright © SAKILab All Rights Reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。