- ベストアンサー
Webサイトでアンカーポイントへスクロールさせる方法
当方Webサイト作成の初心者です。 初めての教えてGOOですが、どうぞ宜しくお願い致します。 Webサイト作成で、 アンカーポイントへの移動をスクロール形式（視覚的に）にするには、 どうすれば良いのでしょうか？ 普通、Webサイトで同ページ内のアンカーポイントへの移動は 「パッ」と切り替わりますよね。 これを、「パッ」ではなく、視覚的に、「ググーン」とスクロールしながら 指定したアンカーポイントにたどりつき、ゆるやかに着地するものを 作成したいと思っております。 http://www.amwaylive.com/top/top.php このサイトではそれが使われています。 フレーム使用のサイトなので下の階層になりますが、 ヘルプ→化粧品とかのページでみればアンカーポイントへの ググーンとしたスクロールが見られます。 この方法をネットで色々探してみたものの、有用な手がかりが 得られませんでした。 ちなみに当方 DreamWeaver2004MX を使用しています。 当方のWebサイト（現在構築中）はフレームは使用しておりません。 アンカーポイントを使用したいページは縦長のページです。 どなたかお分かりの方、どうぞお教えください。 宜しくお願い致します。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
お礼
ご回答ありがとうございました。参考とさせて頂きました。当方まだまだWebについて未熟ですので、これからも勉強しようと思います。 ありがとうございました。
- is_may
- ベストアンサー率65% (58/89)
HIMAJINさん（http://himajin.moo.jp/）の 「アンカー(指定位置)へスクロール」（http://himajin.moo.jp/freejava/pagescroll.html） がよさそうですね。
お礼
ご回答ありがとうございます！そうです。まさにこういうことです。 ただ今のところ、うまくいっておりません。たぶん私の設置が未熟なのです。 やったこととしては、このようにしてみました。 ご紹介いただいた http://himajin.moo.jp/freejava/pagescroll.html の、 -------------------------------------------------------- <script type="text/javascript"><!-- speed=5; //移動スピード //------------------------- stop_point=0; ～～… …中略… …～～ setTimeout("page_doun()",speed); } /*himajin.moo.jp*/ // --></script> --------------------------------------------------------- までを、 そのままタグの<head> </head>の間にコピーペーストにて、入れてみました。 また、そのページの好きな箇所に、「ページのトップへ移動」、 「アンカー（指定位置）へ移動」のことも入れました。 そして結果を見ようと ブラウザのプレビューで実験（あくまでプレビューです）。 結果、「ページのトップへ移動」も 「アンカー（指定位置）へ移動」も動作できない状態でした（どこにも動かない状態でした）。 原因がお分かりの方、宜しければどうぞ教えてください。 大変お手数ですが、なにぶん素人で、四苦八苦しております。どうぞ宜しくお願いいたします。 <ＰＳ> 上記コピーペーストの際、範囲の中に「移動スピード」という日本語の箇所がありますが、 プログラムに「日本語」があるのはそもそも正しいのでしょうか…？少々不安です。 実験の際、もともとあった<script…～</script>も、入れ替える気持ちで消しました。 これはどちらが良いのでしょう？ 消してみて実験、消さずに残してみて実験、両者ともしてはみました。 動作しない点では同じ結果でした。 ちなみに上記ブラウザとはInternet Explorerです。未熟で、本当にすみません。
お礼
再度のご丁寧なご回答、本当にありがとうございました。まさにお答えいただいた方法で稼動できました！本当に、感謝です。 これからも色々Webサイトについて勉強していこうと思います。ありがとうございました。