アンカーリンクをクリックした時にスクロールして移動する
投稿日時：
最終更新日時：2016/02/16 20:02
この記事は約 1 分で読めます。
大丈夫、あなたなら出来る！
ソーシャル・マーケティング協会 代表理事の白鳥友康です。
ウェブサイトには、クリックするとページ内の指定の場所に移動する「アンカー」という機能がありますよね。
この機能は、普通に指定するとクリックした瞬間に移動してしまうので、知らない人には何が起こったか分かりにくい問題があります。この問題を解決するためには、アンカーリンクをクリックした時にスクロールしながら移動すると良いです。
JavaScriptの知識が必要になりますが、こちらのページで組み込み方を紹介されています。
ScrollToAnchors ページ内アンカーにスムーズスクロール｜?KADOYAN.com
http://www.kadoyan.com/item/529
最近は多くのサイトで使われるようになりましたが、まだ設定していない人は使ってみると良いですね^^
無料プレゼント
【Web担当者向け】SNS集客の全体像を55分で把握できる動画
受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
リンクに良く使われている「>>」記号をHTMLで表示する方法
リンクの部分に「»」という記号を「>>」のように2文字ではなく、1文字で表示したい。 そんなときには。 …
-
-
ホームページ色名一覧
ホームページで使う色を16進数で指定するのが難しい人のために慣用名でも指定することが出来るようになっています。 考えた人は偉いで…
-
-
WordPressにヒートマップ解析を無料で簡単に導入する方法
ユーザーがあなたのウェブサイトのどこを見て､どこをクリックして､どこを何秒読んでどこまでスクロールしたか？ が分かるとしたらどう…
-
-
季節は巡る
「秋の足音が聞こえてきた」とかそうゆう話ではないッス。今日は珍しく普通の日記。 実は最近、すごく楽しい。 ま、実際の生活はすごい…
-
-
Facebookだけじゃダメ。他のメディアも使わないと！
Facebookを活用して集客することはもちろん可能ですが、Facebookは他のメディアと組み合わせてこそ、その本領を発揮しま…
-
-
グーグル、現在位置情報を共有する「Google Latitude」を発表
グーグル、現在位置情報を共有する「Google Latitude」を発表http://japan.cnet.com/mobile…
-
-
【制作事例】 吉方位引越し！ハッピー☆エナジー方位盤｜ハッピー☆エナジー
吉方位引越し！ハッピー☆エナジー方位盤｜ハッピー☆エナジー ★ウェブサイト制作・デザイン・HTMLコーディング・Google M…
-
-
Facebookカバー画像もPhotoshop無しで簡単に作れる
Facebookのカバー画像は、あなたの魅力を伝えるのに効果的。 通常は、Photoshopなどの画像編集ソフトを使って作成する…
-
-
３大ブラウザのJavaScript実行速度について
昨日、各ブラウザの特徴を説明しましたが、 IE、Firefox、Chrome 3大ブラウザ対決 JavaScriptの実行速度に…
-
-
マウスオーバーの魅せ方
中央に三つならんでいる写真にマウスオーバーすると･･･ Ajaxをうまく活用してますね?ｊQuery使用のようです。
