アンカーリンクをクリックした時にスクロールして移動する
投稿日時：
最終更新日時：2016/02/16 20:02
この記事は約 1 分で読めます。
大丈夫、あなたなら出来る！
ソーシャル・マーケティング協会 代表理事の白鳥友康です。
ウェブサイトには、クリックするとページ内の指定の場所に移動する「アンカー」という機能がありますよね。
この機能は、普通に指定するとクリックした瞬間に移動してしまうので、知らない人には何が起こったか分かりにくい問題があります。この問題を解決するためには、アンカーリンクをクリックした時にスクロールしながら移動すると良いです。
JavaScriptの知識が必要になりますが、こちらのページで組み込み方を紹介されています。
ScrollToAnchors ページ内アンカーにスムーズスクロール｜?KADOYAN.com
http://www.kadoyan.com/item/529
最近は多くのサイトで使われるようになりましたが、まだ設定していない人は使ってみると良いですね^^
無料プレゼント
【Web担当者向け】SNS集客の全体像を55分で把握できる動画
受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
モバイル EC サイトの商品検索結果における最適なレイアウトとは？?IMJM が調査
細かいことだけど意外と大切だよね。 モバイル EC での、商品検索結果の適切な商品一覧の表示イメージ…
-
-
季節は巡る
「秋の足音が聞こえてきた」とかそうゆう話ではないッス。今日は珍しく普通の日記。 実は最近、すごく楽しい。 ま、実際の生活はすごい…
-
-
xserver のデータベースに外部から接続する方法
これハマりました。貴重な情報ありがとうございます。 《参考サイト》◯転ばぬ先の備忘録 xserver外部からのデータベース接続方…
-
-
みなさんだけの特典です
前回の日記からずいぶん時間が空いてしまいましたが、やっと公開することができました^-^ ホームページ制作会社としてすでに何人かの…
-
-
Photoshop無料レイヤースタイル＆ベクトルデータ＆ブラシ＆プラグインまとめ
目次1 レイヤースタイル集2 ベクトルデータ集3 ブラシ集4 プラグイン集5 グラデーション6 塗りつぶしパターン集7 アクショ…
-
-
★ウェブサイトの情報をCSVでダウンロードして利用する。
例えば、ある地域にある不動産の物件情報をExcelなどを利用して自社で解析したいとする。対象のデータは、賃貸ポータルサイトの検索…
-
-
Facebookカバー画像もPhotoshop無しで簡単に作れる
Facebookのカバー画像は、あなたの魅力を伝えるのに効果的。 通常は、Photoshopなどの画像編集ソフトを使って作成する…
-
-
画像置換(text-indent)で出る点線を消したい
text-indent:-9999px; を使った画像置換はFirefox だとクリックした時に画面外へ点線が出てしまう。そんな…
-
-
ホームページ制作の外注先を探すのが、とても楽な世の中になりました。
「クラウドソーシング」という言葉をご存知ですか？ クラウドは「Cloud（雲）」ではなく「Crowd（群衆）」のクラウドです。ウ…
-
-
クリックしたくなるバナーボタンの色は？
成約率にとても大きな影響を与える「お申し込みボタン」 このボタンがどんなボタンかで、クリックされる数が変わってくるのでいろいろ工…
