このホームページの視点移動(?)について

質問

ナビゲーションのボタンなどをクリックするとページ全体がさらさらと動いて違う部分が表示される、みたいな仕掛けを最近よく見ます。
例えばこんなサイト↓
・ http://error403.net/
・ http://gakuseibampaku.net/ (音声注意)
これってどうやって実装しているのでしょうか？
CSSのアニメーション、それともJavascriptでしょうか？

簡単にでもいいので教えてください、お願いします。

回答No.4

font_color

はじめまして。

CSSの場合CSS3を使用すると思うのでブラウザによって動作しません。

簡単に実装するならjqueryを使い
クリックのイベントで
指定した要素までの距離やウィンドウのサイズなどを取得して
スクロールさせるといった具合でしょうか。

最も手っ取り早い方法はプラグインですが
仕組を理解しないと難しいと思います。

ちなみにこの手のプラグインは沢山ありますので
「jquery scroll プラグイン」などの検索ワードで
探してみてはいかがでしょうか。

回答No.3

ORUKA1951

jquery.page-scroller.js
を使うのが良いですが・・・
問題点がひとつあります。ブラウザの戻るボタンで元の位置に戻れないという致命的なアクセシビリティ上の問題があり、私は現在使うのをやめています。

回答No.2

神崎 渉瑠（@taloo）

>No.1補足
スクロール、またはスムーススクロール（スムーズスクロール）です。

回答No.1

b0a0a

CSSとJavascriptです

補足

両方の効果が組み合わさって実装できているということですね。
このアクションの一般的な呼び名はあるのでしょうか、ご存知でしたらどなたでも教えてください。