https://www.ubique-beauty.jp/js/nav.js

1$(function() {
2	//navの追従
3	var nav    = $('#menuside'),
4    offset = nav.offset();
5
6	$(window).scroll(function () {
7		if($(window).scrollTop() > offset.top - 20) {
8			$('#menuside ul').addClass('fixed');
9		} else {
10			$('#menuside ul').removeClass('fixed');
11		}
12	});
13	//navフッター部分消える
14	$(window).scroll(function() {
15		if ($(window).scrollTop() > 8659) { 
16			$('#menuside').css('display','none');
17		} else {
18		$('#menuside').css('display','block');
19		}
20	});
21	/*$(window).scroll(function() {//スクロール毎に判断する（ループの機能）
22        if ($(this).scrollTop() > 700) { // 下にカーソルがあるとき
23            $('#menuside ul').addClass('fixed');
24        } else {
25        	$('#menuside ul').removeClass('fixed');
26        }
27   	});*/
28   	//active class　追加削除
29   	$(window).scroll(function() {
30        if ($(window).scrollTop() > 0) { 
31        	$('#menuside .nav01 a').addClass('active');
32        }
33        if ($(window).scrollTop() > 1350) { 
34        	$('#menuside .nav01 a').removeClass('active');
35        	$('#menuside .nav02 a').addClass('active');
36        } else {
37        	$('#menuside .nav02 a').removeClass('active');
38        }
39        if ($(window).scrollTop() > 3250) { 
40        	$('#menuside .nav02 a').removeClass('active');
41        	$('#menuside .nav03 a').addClass('active');
42        } else {
43        	$('#menuside .nav03 a').removeClass('active');
44        }
45        if ($(window).scrollTop() > 5510) { 
46        	$('#menuside .nav03 a').removeClass('active');
47        	$('#menuside .nav04 a').addClass('active');
48        } else {
49        	$('#menuside .nav04 a').removeClass('active');
50        }
51        if ($(window).scrollTop() > 6650) { 
52        	$('#menuside .nav04 a').removeClass('active');
53        	$('#menuside .nav05 a').addClass('active');
54        } else {
55        	$('#menuside .nav05 a').removeClass('active');
56        }
57        if ($(window).scrollTop() > 7480) { 
58        	$('#menuside .nav05 a').removeClass('active');
59        	$('#menuside .nav06 a').addClass('active');
60        } else {
61        	$('#menuside .nav06 a').removeClass('active');
62        }
63   	});
64});