ページ内リンクのjQueryスムーズスクロール自分用まとめ

2016年5月18日

1へ飛ばす
2へ飛ばす
3へ飛ばす
4へ飛ばす
リンク先1
リンク先2
リンク先3
リンク先4

$(function() {
    $(".scroll").click(function(event){
    event.preventDefault();
    var url = this.href;
    var parts = url.split("#");
    var target = parts[1];
    var target_offset = $("#"+target).offset();
    var target_top = target_offset.top;
    $('html, body').animate({scrollTop:target_top}, 1000);
    });
});