アンカーリンクをクリックした時にスクロールして移動する
投稿日時：
最終更新日時：2016/02/16 20:02
この記事は約 1 分で読めます。
大丈夫、あなたなら出来る！
ソーシャル・マーケティング協会 代表理事の白鳥友康です。
ウェブサイトには、クリックするとページ内の指定の場所に移動する「アンカー」という機能がありますよね。
この機能は、普通に指定するとクリックした瞬間に移動してしまうので、知らない人には何が起こったか分かりにくい問題があります。この問題を解決するためには、アンカーリンクをクリックした時にスクロールしながら移動すると良いです。
JavaScriptの知識が必要になりますが、こちらのページで組み込み方を紹介されています。
ScrollToAnchors ページ内アンカーにスムーズスクロール｜?KADOYAN.com
http://www.kadoyan.com/item/529
最近は多くのサイトで使われるようになりましたが、まだ設定していない人は使ってみると良いですね^^
無料プレゼント
【Web担当者向け】SNS集客の全体像を55分で把握できる動画
受講料50万円で提供していた【ソーシャル・マーケティング認定コンサルタント養成講座】のエッセンスを凝縮した動画を無料プレゼントしています。
関連記事
-
-
ズバリ！売れるセールスレター Lite版 作成中！
現在公開中のセールスページ作成サービスですが、どうも初めて買う商品としては価格が高いようなので、フロント商品として価格を抑えた商…
-
-
ホームページ制作の外注先を探すのが、とても楽な世の中になりました。
「クラウドソーシング」という言葉をご存知ですか？ クラウドは「Cloud（雲）」ではなく「Crowd（群衆）」のクラウドです。ウ…
-
-
グーグル、現在位置情報を共有する「Google Latitude」を発表
グーグル、現在位置情報を共有する「Google Latitude」を発表http://japan.cnet.com/mobile…
-
-
JavaScriptでマルチバイト文字列を決まった長さで省略する方法
ブログの「続きを読む」みたいなことを、JavaScriptで実現する方法です。 デザインの都合でエリアに入力できる文字数が決まっ…
-
-
jQueryを使ってサイトツアーを作る方法
これはいつか使いそう。 というか、必ず使いたい！ jQueryを使ってサイトツアーを作る方法 – IDEA*IDEA…
-
-
テキストを変更するだけでそのまま使えるボタン素材いろいろ（PSDファイル付き）
お申し込みボタンはサイトの成約率に与える影響がとても大きい部分ですよね。 初心者の方が作ったサイトでも、お申し込みボタンだけは整…
-
-
Photoshop無料レイヤースタイル＆ベクトルデータ＆ブラシ＆プラグインまとめ
目次1 レイヤースタイル集2 ベクトルデータ集3 ブラシ集4 プラグイン集5 グラデーション6 塗りつぶしパターン集7 アクショ…
-
-
季節は巡る
「秋の足音が聞こえてきた」とかそうゆう話ではないッス。今日は珍しく普通の日記。 実は最近、すごく楽しい。 ま、実際の生活はすごい…
-
-
IE6でclearfixのためにoverflow:hidden指定するときの注意事項
要素をfloatしたときに、その親要素に overflow:hidden; を設定することは良くあると思います。その際は、Int…
-
-
ColorBar Generator ? カラーバージェネレーター ?
ColorBar Generatorは、好きな画像からその画像のイメージに合うようなオシャレ（死語）カラーバーを生成します。 適…
