• はてなアカウントでログイン
• 無料ユーザー登録

ベストアンサー

• naokn2007/09/26 23:00:33

  満足30pt

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

  
  

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

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

  スター

  • kazuhiko11 2007/09/27 17:56:27

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

その他の回答

• wizemperor2007/09/26 20:55:17

  満足20pt

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

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

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

  スター

  • kazuhiko11 2007/09/27 17:56:29

    ありがとうございます。

room6612007/09/27 00:29:57

満足20pt

「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); // スクロール処理
}

スター

• kazuhiko11 2007/09/27 17:56:23

  ありがとうございます。

Marine-Blue2007/09/27 07:13:57

満足30pt

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

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

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

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

スター

• kazuhiko11 2007/09/27 17:56:22

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

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

• その他の回答を読む

この質問へのコメント

質問の情報

登録日時

2007-09-26 20:25:28

終了日時

2007-09-27 17:57:41

回答条件

1人2回まで

この質問のカテゴリ

• ウェブ制作

この質問に含まれるキーワード

人気の質問

• 度々すみません。 私は以前から大学入試・成績など教育関連のネガティブな夢を見ていましたが、ここ最近そ…hayakushinene51日前
• 親族（実家）の犬が無駄吠えをしています。朝方に一時間くらい吠えているらしい。昼にも一時間くらい吠え続…匿名質問者2213日前
• 学歴詐称ではなくて、貴族称号詐称について伺います。イボンヌの香りという映画で、ロシアの伯爵を詐称して…匿名質問者2日前
• アスペルガー精神3級会社員男性(34歳独身)です。 元々眠りが浅いのに最近尚更深刻な夢や深く考え過ぎる夢を…hayakushinene13日前
• いつもお世話になっています。 自分、インセル予備軍かもしれません。 街中でカップルや夫婦等見ると羨まし…hayakushinene1日前

メニュー

• 質問一覧
• カテゴリ一覧
• 無料ユーザー登録
• 人力検索はてなトップ

PC版

• お問い合わせ
• ヘルプ
• お知らせ
• はてなトップ