ホーム > WordPress > ページトップに戻るリンクのアンカー

ページトップに戻るリンクのアンカー

2014 年 1 月 25 日 こてつ コメントをどうぞ コメント

ブログ記事を読み終えた時にページのトップに戻るため

「アンカー」リンクを施し、下部に「ページトップへ戻る」

リンクを設けたりする場合があります。

しかし、そのリンクでページトップに戻った際、

URLに「#top」とかいうふうに残ります。。


それが気になりましたので、対策しました。

【jQuery】ページ内リンクをするするーっとスムースにスクロールするJavascript

超今更だけどページ内リンクなどでするするっとスクロールする方法

$(function(){
  $('a[href^=#]').click(function(){
    var speed = 500;
    var href= $(this).attr("href");
    var target = $(href == "#" || href == "" ? 'html' : href);
    var position = target.offset().top;
    $("html, body").animate({scrollTop:position}, speed, "swing");
    return false;
  });
});

これを記述した「scrollup.js」を作ってテーマのフォルダに

入れておいて、ヘッダから呼び出すようにしました。

 

別のブログの個人的な改造です。

ここのブログは。。このテーマにそういうのを盛り込んであった様で、

気にすることなく、気付くことなく元からその仕様でした。

しかも、このテーマで使っているものは、フェードというかブレーキというか。。

上に到達する際に若干スピードが変ります。

ちょっと、それも参考にしてみようかな。。

 

続き>> スムーズスクロールのスピードの減速をする

 

スポンサード リンク
 

 
カテゴリー: WordPress タグ:

Yahoo!ブックマークに登録 はてなブックマークに登録 Deliciousに登録 livedoorクリップに登録 Buzzurlに登録 mixiチェック Facebookにシェア ツイートする

  1. コメントはまだありません。
  1. トラックバックはまだありません。