javascript ページ内リンクをスムーススクロール

Posted 2021-05-04

    $(function(){
        $('a[href^="#"]').click(function(){
            var speed = 400;
            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;
        });
    });
    
//jQueryのバージョンによっては、a[href^="#"]の#の""を外す必要がある
    $(function(){
        $('a[href^=#]').click(function(){
            var speed = 400;
            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;
        });
    });