とくによく使うjQueryのめも

idやclass名は適宜変更。よく使うわりにすぐ忘れるのでめも。

$(function() {

//ヘッダー固定
    var fixed = $('#js_header');
    $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
                    fixed.addClass('fixed');
            } else {
                    fixed.removeClass('fixed');
            }
    });

//SPメニューtoggle
$('.menu_trigger').click(function () {
    $('.overlay').toggleClass('active');
    $(this).toggleClass('active');
    $('.menu_trigger .open').toggleClass('none');
    $('.menu_trigger .close').toggleClass('active');
    $('#js_menu.menu').fadeToggle('fast');
    return false;
});

//タブメニュー
    $('#js_tab li').click(function() {
        var num = $('#js_recruit_tab li').index(this);
        $('.conte').removeClass('active');
        $('.conte').eq(num).addClass('active');
        $('#js_tab li').removeClass('active');
        $(this).addClass('active');
    });

//topに戻るスクロール
    var topBtn = $('#pagetop');
    topBtn.hide();
    $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
                    topBtn.fadeIn();
            } else {
                    topBtn.fadeOut();
            }
    });
    topBtn.click(function () {
            $('body,html').animate({
                    scrollTop: 0
            }, 500);
            return false;
    });

// ページ内スクロール
    $('a[href^="#"]').click(function(){
        var speed = 1000;
        var href= $(this).attr("href");
        var target = $(href === "#" || href === "" ? 'html' : href);
        var headerHeight = 70;
        var position = target.offset().top - headerHeight;
        $('html, body').animate({scrollTop:position}, speed, 'swing');
        return false;
    });

// アンカーリンク
    var headerHeight = 70;
    var url = $(location).attr('href');
    if(url.indexOf("?id=") != -1){
        var id = url.split("?id=");
        var $target = $('#' + id[id.length - 1]);
        if($target.length){
            var pos = $target.offset().top-headerHeight;
            $("html, body").animate({scrollTop:pos}, 500);
        }
    }

});