アンカーリンクをクリックした時にスクロールして移動する
投稿日時：
最終更新日時：2016/02/16 20:02
この記事は約 1 分で読めます。
大丈夫、あなたなら出来る！
ソーシャル・マーケティング協会 代表理事の白鳥友康です。
ウェブサイトには、クリックするとページ内の指定の場所に移動する「アンカー」という機能がありますよね。
この機能は、普通に指定するとクリックした瞬間に移動してしまうので、知らない人には何が起こったか分かりにくい問題があります。この問題を解決するためには、アンカーリンクをクリックした時にスクロールしながら移動すると良いです。
JavaScriptの知識が必要になりますが、こちらのページで組み込み方を紹介されています。
ScrollToAnchors ページ内アンカーにスムーズスクロール｜?KADOYAN.com
http://www.kadoyan.com/item/529
最近は多くのサイトで使われるようになりましたが、まだ設定していない人は使ってみると良いですね^^
無料プレゼント
【Web担当者向け】SNS集客の全体像を55分で把握できる動画
受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
最も売れるランディングページを作れる人は誰か？
ここ数ヶ月間、ちょこちょことランディングページの調整をさせていただいているクライアント様から、また販売実績のご報告をいただきまし…
-
-
【制作事例】 ハッピー☆エナジー 九星気学開運サイト
ハッピー☆エナジー 九星気学開運サイト ★ウェブサイト制作・コンサルティング・デザイン・HTMLコーディング
-
-
HTML5のcanvasでランキング描画 – まつぼっくりんご
こうゆうのは後々使うときありますね。canvasはアイディア次第でいろいろと。 HTML5のcanvasでランキング描画 …
-
-
Facebookだけじゃダメ。他のメディアも使わないと！
Facebookを活用して集客することはもちろん可能ですが、Facebookは他のメディアと組み合わせてこそ、その本領を発揮しま…
-
-
素人でも簡単にロゴが作成できる便利なサービス
何かのサービスを立ち上げるの時には、ロゴが必要になることが多いので、こういったサービスは嬉しいですね。ある程度のデザインセンスは…
-
-
★ホームページ診断で必ずチェックしたい指標
弊社でウェブサイト診断を行う際のチェック項目は、たくさんあるのですが、まずはアクセス解析のデータをチェックして欲しいです。 アク…
-
-
日本語で学べるHTML5関連資料15個まとめ
英語が得意じゃない場合は、日本語の資料っていうのは、意外と大切ですよね。 日本語で学べるHTML5関連資料15個まとめ*二十歳街…
-
-
WebデザイナーにおすすめのiPhoneアプリ21
こりゃ便利！ 助かるなぁ。 WebデザイナーにおすすめのiPhoneアプリ21 | Webクリエイターボックス http://w…
-
-
エントリーフォーム最適化（EFO）でお問い合わせの数を増やす。その3
エントリーフォーム最適化（EFO）のポイント、前回の続きです。 目次1 ★魅力的な文章で入力を促す2 ★「クリア」ボタンは必要な…
-
-
モバイル EC サイトの商品検索結果における最適なレイアウトとは？?IMJM が調査
細かいことだけど意外と大切だよね。 モバイル EC での、商品検索結果の適切な商品一覧の表示イメージ…
