このサイトはどうやって作られていますか？

質問

下記にURLを貼付けました。

二つ質問があります。
１つは確認なんですがこれは縦長シングルページ完結型レイアウトのサイトでよろしいでしょうか？

もう１つはトップメニューの項目のところをクリックすると、項目のあるところまでゆっくりとスクロールしてくれるのですが、こうした処理はjQueryのプラグインにありますでしょうか？ある場合は処理やプラグインの名前を教えていただけると幸いです。

http://www.trailspring.org/#contact

回答No.1

photoshopher · ベストアンサー

https://www.google.co.jp/search?num=100&newwindow=1&q=jquery+%E3%82%B9%E3%83%A0%E3%83%BC%E3%82%BA%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB

jQueryで出来ますよ。
検索で丁寧に解説されたサイトが山のように出てきます。

多分、プラグインを探すまでもないかと思います。
ちょっと最初は戸惑うかも知れませんが、jQueryをサイトに導入して、数行だけJavaスクリプト（jQuery）の打ち込みをすることになるかと思います。
そして、HTML部分も多少のID要素やclass要素を追加することになるかも知れません。

とりあえず、検索に引っかかったわかりやすそうなサイトのソースをコピペして改造していけば、初心者でも導入できますよ。
分からないと思ったら、とりあえず「jQuery+○○」で検索です。この手の解説サイトはネットで飽和状態になってます。

ID要素、「＜div id="なんとか"＞いろいろ＜/div＞」とか
Class要素「＜div class="なんとか"＞いろいろ＜/div＞」とかが
jQuery（Javascript）とHTMLを繋ぐ鍵です。

難しくないので、とりあえず動くまで辛抱して勉強してみるのをお勧めします。
最初はスクリプトとか取っつきにくいですが、特にjQueryの構文だけで動くこういうエフェクトの場合は、やってみれば数学とかやるより遙かに楽だと思います（笑）

ページの構成は、1ページ完結のトップページですね。
フレームなどで他のページを呼んでいる様子はないです。映像データとか画像データなどを除けば。（と言うことを聞かれてます？）

お礼

ググり不足でした！ありがとうございます。スムーズスクロールという名前なのですね。
それと１ページ完結で良かったのですね。jQuery自体はドットインストールで簡単なエフェクトだけは使えるようになりましたので後ほど、スムーズスクロールにチャレンジしてみようかと思います。