人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ttp://pos.pbc.co.jp/quick/
このサイトのようにページトップへ戻る際、
javascriptでスライドしてトップへ戻る記述方法を教えて下さい。

●質問者: kazuhiko11
●カテゴリ:ウェブ制作
✍キーワード:co.jp JavaScript PBC PoS ttp://
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● wizemperor
●20ポイント

専用のライブラリを使うのが簡単です。

簡単さではjQuery+Interface.jsですかね。

http://www.lllcolor.com/web/jquery/74.html

◎質問者からの返答

ありがとうございます。


2 ● naokn
●30ポイント ベストアンサー

このページの先頭へ、をちょこっとおしゃれに


上記の紹介ページに、同じ動作をするサンプルがあります。

コピー・アンド・ペーストで動作するので、簡単です。

◎質問者からの返答

ありがとうございます。早速実装させて頂きました。


3 ● room661
●20ポイント

「Page Top」をクリックすると下記の gotop() が実行されるようになっていますね。

var y = 0;
var ny = 0;
var speed = 0;
var scrollSize =0.8;

function gotop(){
var rep = setTimeout("gotop()", speed)

// スクロール位置をチェック(IE用)
 if(document.all){
y = document.body.scrollTop;
 }
// スクロール位置をチェック(NN用)
 else if(document.layers || document.getElementById){
y = pageYOffset;

 }

 if(ny == y){ // スクロールし終わっていたら処理を終了
 clearTimeout(rep);
 }
 else{
ny = y;
 }

 y = y *0.8 ;
window.scrollTo(0,y); // スクロール処理
}
◎質問者からの返答

ありがとうございます。


4 ● Marine-Blue
●30ポイント

スライドとか言う言葉を使うと意味の通じないことがあるので最低限の範囲で用語を適切に使うよう心がけると幸せになれると思います。

例えば今回の場合スライドと言うよりも滑らかにスクロールするとかゆっくりスクロールする、などと言えば分かる人には分かります。

http://youmos.com/reference/smooth_scroll_javascript.html

http://coliss.com/articles/build-websites/operation/javascript/2...

◎質問者からの返答

そうですね、別の所でも質問をしたのですがうまく伝わらなかったようで;;

言葉が出てきませんでした、そう、スクロールですね!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ