- 締切済み
ページ内のスクロールをゆっくり移動させる方法について
リンクをクリックすると、ゆったり上下に移動できるページを見たことがありますが、これはどのようにして設定されているのかどなたか教えてください。 例えばこのページ http://www.wataminokaigo.net/info/index.html
- みんなの回答 (2)
- 専門家の回答
みんなの回答
- Seravy
- ベストアンサー率47% (118/249)
回答No.2
No.1さんの言う通り、JavaScriptを利用しています。 実際のスクリプト▼ http://www.wataminokaigo.net/common/scripts/smoothscroll.js ちょっとJavaScriptの知識があればmootoolsなんかを利用してカンタンに導入可能です。 サンプル▼ http://demos.mootools.net/Fx.Scroll ダウンロードページ▼ http://mootools.net/download (この時EffectsのFx.Scrollにチェックを入れてください)
- merBleu623
- ベストアンサー率100% (2/2)
回答No.1
リンク先のページでは、Javascriptを使って実装されているようですね。 右クリック⇒[ソースの表示]で確認しました。 大まかな処理の流れとして、 「リンクをクリックした際に、0.01秒刻みでほんの少しだけ上にスクロールさせる」 という処理を繰り返して行っているようです。 HTMLだけでは表現できないかと・・