アンカーリンクをクリックした時にスクロールして移動する
投稿日時：
最終更新日時：2016/02/16 20:02
この記事は約 1 分で読めます。
大丈夫、あなたなら出来る！
ソーシャル・マーケティング協会 代表理事の白鳥友康です。
ウェブサイトには、クリックするとページ内の指定の場所に移動する「アンカー」という機能がありますよね。
この機能は、普通に指定するとクリックした瞬間に移動してしまうので、知らない人には何が起こったか分かりにくい問題があります。この問題を解決するためには、アンカーリンクをクリックした時にスクロールしながら移動すると良いです。
JavaScriptの知識が必要になりますが、こちらのページで組み込み方を紹介されています。
ScrollToAnchors ページ内アンカーにスムーズスクロール｜?KADOYAN.com
http://www.kadoyan.com/item/529
最近は多くのサイトで使われるようになりましたが、まだ設定していない人は使ってみると良いですね^^
無料プレゼント
【Web担当者向け】SNS集客の全体像を55分で把握できる動画
受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
グーグル、現在位置情報を共有する「Google Latitude」を発表
グーグル、現在位置情報を共有する「Google Latitude」を発表http://japan.cnet.com/mobile…
-
-
IE6でclearfixのためにoverflow:hidden指定するときの注意事項
要素をfloatしたときに、その親要素に overflow:hidden; を設定することは良くあると思います。その際は、Int…
-
-
★ホームページ診断で必ずチェックしたい指標
弊社でウェブサイト診断を行う際のチェック項目は、たくさんあるのですが、まずはアクセス解析のデータをチェックして欲しいです。 アク…
-
-
リンクに良く使われている「>>」記号をHTMLで表示する方法
リンクの部分に「»」という記号を「>>」のように2文字ではなく、1文字で表示したい。 そんなときには。 …
-
-
WebデザイナーにおすすめのiPhoneアプリ21
こりゃ便利！ 助かるなぁ。 WebデザイナーにおすすめのiPhoneアプリ21 | Webクリエイターボックス http://w…
-
-
ウェブサイトの出口をしっかり整理する
ウェブサイトは、入口と出口が最も重要です。多くのウェブサイトは、お問い合わせフォームが出口になることが多いですよね。そういったメ…
-
-
日本語で学べるHTML5関連資料15個まとめ
英語が得意じゃない場合は、日本語の資料っていうのは、意外と大切ですよね。 日本語で学べるHTML5関連資料15個まとめ*二十歳街…
-
-
【制作事例】 吉方位引越し！ハッピー☆エナジー方位盤｜ハッピー☆エナジー
吉方位引越し！ハッピー☆エナジー方位盤｜ハッピー☆エナジー ★ウェブサイト制作・デザイン・HTMLコーディング・Google M…
-
-
IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester
ホームページを公開するときに大切なのが、複数のブラウザで表示を確認すること。 Internet ExplorerFirefoxG…
-
-
モバイル EC サイトの商品検索結果における最適なレイアウトとは？?IMJM が調査
細かいことだけど意外と大切だよね。 モバイル EC での、商品検索結果の適切な商品一覧の表示イメージ…
