2012-12-04

ページ内リンクの移動をゆるやかにする



// to top

$("a[href^=#]").click(function(){

var Hash = $(this.hash);


var HashOffset = $(Hash).offset().top;


$("html,body").animate({ scrollTop: HashOffset}, 500);


return false;
});



解説↓
参考サイト:http://less.carbonfairy.org/post/941824993

totopだけなら簡単かも
↓参考サイト
http://www.finefinefine.jp/web/kiji1388/


スクロールTOPの理解

↓参考サイト
http://semooh.jp/jquery/api/css/scrollTop/val/


●スクロールについて
スクロールイベント…スクロールされてるときに処理する
$(window).scroll(function(){
//スクロールされているときの処理
});

----参考サイト---
http://semooh.jp/jquery/api/events/scroll/fn/



●スクロール位置情報 ※スクロールがあるものに対して

↑のスクロールしながら…を使って、スクロールの位置を.textにいれている

$(window).scroll(function(){$(".text").text($(window).scrollTop());
});


注:スクロールがないと【0(ゼロ)】となる。




 hashについて
http://www.tohoho-web.com/js/location.htm

0 件のコメント:

コメントを投稿

アマゾン和書/最新の情報