携帯版

サイトマップ

プロフィール

カズヲ Blogホームページ製作情報

page up scriptを入れてみた

2009年9月2日ブックマークに追加する
プロフィール、サイトマップに続く第三段。
page upのjavascriptを入れてみました。

参考は、はてなから

htmlソース

<a href="javascript:void(0)" onclick="pageup();return false;" onkeypress="pageup();return false;">PAGE UP</a>

javascript

function pageup() { if (document.all) { posi = document.body.scrollTop; } else { posi = window.pageYOffset; } moveObje(posi); } function moveObje(position) { move = position / 10; point = parseInt(position - move); scrollTo(0,point); if (point > 0) { setTimeout("moveObje(point)",1); } }
pageupが呼ばれ座標軸を取得、moveObjeへ。
moveが上に行くほど、じょじょに遅くなる設定
setTimeoutがあがる速度
どちらも数字を大きくするととあがる速度が遅くなる。

と思ったらIE7では制御利かず...
やはりJQUERYでサイドに固定の方式にしようかな...

まぁ、とりあえずpage upは入れたって事で。
ユーザビリティ強化は進めどブラウザ互換はいつも難題ですね。

関連エントリー:ホームページ製作情報リストの最新記事5件です。
ホームページ製作情報リスト

トラックバック


トラックバックする際は,このブログまたはこの記事へのリンクをお願いします。

コメントを投稿

コメントを表示する前に管理人の承認が必要になります。
承認されるまではコメントは表示されませんので、少々お待ちください。

:必須


ブックマークに追加する

検索&Pickupカテゴリ

サイト内 Web
サイト製作 仕事と資産運用 諸々 過去記事一覧

私のサイト

一押し情報

管理人用

携帯からチェック

QR.gif