js関連の備忘録。随時追記。
ページ内リンクの移動アクション
jquery使用時
hoge.html
<a href="#bottom">下へスムース!</a>
<div id="bottom">
ここまで移動
</div>
<script>
$(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;
});
});
</script>