ソーシャル・マーケティング協会 代表理事 白鳥友康の公式ブログ。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万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。

ダウンロードはこちら

  関連記事

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

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

CMS
★工務店さんのウェブサイトは施工事例がとっても大切。

日々、現場で作業をしていて施工事例はたっぷりあるけれど、自社サイトに最新事例をアップできていない。そんな会社様も多いと思います。…

Zemanta Related Posts Thumbnail
VALUE-DOMAINでドメインを取得する方法

○空きドメイン検索 こちらのページから取得したいドメインを検索してみましょう。  ↓ ↓ ↓バリュードメイン 「希望ドメイン名」…

HTML5のcanvasでランキング描画 – まつぼっくりんご

こうゆうのは後々使うときありますね。canvasはアイディア次第でいろいろと。 HTML5のcanvasでランキング描画 &#8…

no image
3大ブラウザのJavaScript実行速度について

昨日、各ブラウザの特徴を説明しましたが、 IE、Firefox、Chrome 3大ブラウザ対決 JavaScriptの実行速度に…

Zemanta Related Posts Thumbnail
マウスオーバーの魅せ方

中央に三つならんでいる写真にマウスオーバーすると・・・ Ajaxをうまく活用してますね?jQuery使用のようです。

no image
ホームページ色名一覧

ホームページで使う色を16進数で指定するのが難しい人のために慣用名でも指定することが出来るようになっています。 考えた人は偉いで…

no image
ウィンドウを2分割して表示するChromeのアドオン「Split Screen」

ホームページ制作をしていると、表示のチェックするために複数のブラウザウィンドウを開くので、デスクトップにウィンドウがたくさんあっ…

Diversity Casual People Web Design Meeting Brainstorming Concept
最も売れるランディングページを作れる人は誰か?

ここ数ヶ月間、ちょこちょことランディングページの調整をさせていただいているクライアント様から、また販売実績のご報告をいただきまし…

Zemanta Related Posts Thumbnail
XREAで独自ドメインを設定する方法

★XREAで独自ドメインを設定する方法 VALUE-DOMAIN で取得したドメインを、XREAに設定する方法です。 まだドメイ…