アンカーリンクをクリックした時にスクロールして移動する
投稿日時:
最終更新日時:2016/02/16 20:02
この記事は約 1 分で読めます。
大丈夫、あなたなら出来る!
ソーシャル・マーケティング協会 代表理事の白鳥友康です。
ウェブサイトには、クリックするとページ内の指定の場所に移動する「アンカー」という機能がありますよね。
この機能は、普通に指定するとクリックした瞬間に移動してしまうので、知らない人には何が起こったか分かりにくい問題があります。この問題を解決するためには、アンカーリンクをクリックした時にスクロールしながら移動すると良いです。
JavaScriptの知識が必要になりますが、こちらのページで組み込み方を紹介されています。

ScrollToAnchors ページ内アンカーにスムーズスクロール|?KADOYAN.com
http://www.kadoyan.com/item/529
最近は多くのサイトで使われるようになりましたが、まだ設定していない人は使ってみると良いですね^^
無料プレゼント
【Web担当者向け】SNS集客の全体像を55分で把握できる動画
受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
Facebookカバー画像もPhotoshop無しで簡単に作れる
Facebookのカバー画像は、あなたの魅力を伝えるのに効果的。 通常は、Photoshopなどの画像編集ソフトを使って作成する…
-
-
素人でも簡単にロゴが作成できる便利なサービス
何かのサービスを立ち上げるの時には、ロゴが必要になることが多いので、こういったサービスは嬉しいですね。ある程度のデザインセンスは…
-
-
リンクに良く使われている「>>」記号をHTMLで表示する方法
リンクの部分に「»」という記号を「>>」のように2文字ではなく、1文字で表示したい。 そんなときには。 …
-
-
HTML5のcanvasでランキング描画 – まつぼっくりんご
こうゆうのは後々使うときありますね。canvasはアイディア次第でいろいろと。 HTML5のcanvasでランキング描画 …
-
-
ColorBar Generator ? カラーバージェネレーター ?
ColorBar Generatorは、好きな画像からその画像のイメージに合うようなオシャレ(死語)カラーバーを生成します。 適…
-
-
JavaScriptでマルチバイト文字列を決まった長さで省略する方法
ブログの「続きを読む」みたいなことを、JavaScriptで実現する方法です。 デザインの都合でエリアに入力できる文字数が決まっ…
-
-
ホームページ制作の外注先を探すのが、とても楽な世の中になりました。
「クラウドソーシング」という言葉をご存知ですか? クラウドは「Cloud(雲)」ではなく「Crowd(群衆)」のクラウドです。ウ…
-
-
Photoshop無料レイヤースタイル&ベクトルデータ&ブラシ&プラグインまとめ
目次1 レイヤースタイル集2 ベクトルデータ集3 ブラシ集4 プラグイン集5 グラデーション6 塗りつぶしパターン集7 アクショ…
-
-
日本語で学べるHTML5関連資料15個まとめ
英語が得意じゃない場合は、日本語の資料っていうのは、意外と大切ですよね。 日本語で学べるHTML5関連資料15個まとめ*二十歳街…
-
-
マウスオーバーの魅せ方
中央に三つならんでいる写真にマウスオーバーすると・・・ Ajaxをうまく活用してますね?jQuery使用のようです。
