ソーシャル・マーケティング協会 代表理事 白鳥友康の公式ブログ。Facebook、Twitter、YouTube、LINEなど、ソーシャルメディアを活用、集客する方法を無料でお届け。

ソーシャル★マーケティングの教科書 改訂版

アンカーリンクをクリックした時にスクロールして移動する

 投稿日時:
 最終更新日時:2016/02/16 20:02

この記事は約 1 分で読めます。

大丈夫、あなたなら出来る! 
ソーシャル・マーケティング協会 代表理事の白鳥友康です。

ウェブサイトには、クリックするとページ内の指定の場所に移動する「アンカー」という機能がありますよね。

この機能は、普通に指定するとクリックした瞬間に移動してしまうので、知らない人には何が起こったか分かりにくい問題があります。この問題を解決するためには、アンカーリンクをクリックした時にスクロールしながら移動すると良いです。

JavaScriptの知識が必要になりますが、こちらのページで組み込み方を紹介されています。

2015-11-26 15.59.24

ScrollToAnchors ページ内アンカーにスムーズスクロール|?KADOYAN.com
http://www.kadoyan.com/item/529

最近は多くのサイトで使われるようになりましたが、まだ設定していない人は使ってみると良いですね^^

カテゴリ - ◆ウェブサイト・ホームページ制作, ◆売れる!ホームページの作り方
タグ - ,

無料プレゼント

【Web担当者向け】SNS集客の全体像を55分で把握できる動画

受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。

ダウンロードはこちら

  関連記事

no image
グーグル、現在位置情報を共有する「Google Latitude」を発表

グーグル、現在位置情報を共有する「Google Latitude」を発表http://japan.cnet.com/mobile…

IE6でclearfixのためにoverflow:hidden指定するときの注意事項

要素をfloatしたときに、その親要素に overflow:hidden; を設定することは良くあると思います。その際は、Int…

top5
★ホームページ診断で必ずチェックしたい指標

弊社でウェブサイト診断を行う際のチェック項目は、たくさんあるのですが、まずはアクセス解析のデータをチェックして欲しいです。 アク…

no image
リンクに良く使われている「>>」記号をHTMLで表示する方法

リンクの部分に「»」という記号を「>>」のように2文字ではなく、1文字で表示したい。 そんなときには。 …

2015-12-09 02.12.13
WebデザイナーにおすすめのiPhoneアプリ21

こりゃ便利! 助かるなぁ。 WebデザイナーにおすすめのiPhoneアプリ21 | Webクリエイターボックス http://w…

2015-04-17_081735
ウェブサイトの出口をしっかり整理する

ウェブサイトは、入口と出口が最も重要です。多くのウェブサイトは、お問い合わせフォームが出口になることが多いですよね。そういったメ…

日本語で学べるHTML5関連資料15個まとめ

英語が得意じゃない場合は、日本語の資料っていうのは、意外と大切ですよね。 日本語で学べるHTML5関連資料15個まとめ*二十歳街…

2015-06-12_210958
【制作事例】 吉方位引越し!ハッピー☆エナジー方位盤|ハッピー☆エナジー

吉方位引越し!ハッピー☆エナジー方位盤|ハッピー☆エナジー ★ウェブサイト制作・デザイン・HTMLコーディング・Google M…

IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester

ホームページを公開するときに大切なのが、複数のブラウザで表示を確認すること。 Internet ExplorerFirefoxG…

no image
モバイル EC サイトの商品検索結果における最適なレイアウトとは??IMJM が調査

  細かいことだけど意外と大切だよね。   モバイル EC での、商品検索結果の適切な商品一覧の表示イメージ…