https://www.jyutaku-news.co.jp/dcms_media/js/follow.js

1var $win = $(window);
2
3$win.on('load resize', function() {  
4	if (window.matchMedia('(max-width:979px)').matches) {
5	// TABの処理
6	} else {
7	// サイドバーの固定するレイヤー
8	var navi = $('#sidebanner02');
9	// メインのレイヤー
10	var main  = $('#contents_left');
11	//var header  = $('header');
12	// 固定するレイヤーの初期位置� - side_sectionのbottom30px)
13	var target_top = navi.offset().top - 30;
14	// メインレイヤーの初期位置
15	var sub_top = main.offset().top ;
16	// スクロールする上限  
17	var sub_scroll = main.offset().top + main.outerHeight(true) - navi.outerHeight(true) - 30;
18	if (navi.outerHeight(true) + target_top < main.outerHeight(true) + sub_top) {
19		$(window).scroll(function () {
20			var ws = $(window).scrollTop();
21			$('.scroll').text(ws);
22			if (ws > sub_scroll) {
23				// 調整10px)
24					navi.css({position:'fixed', top: sub_scroll - ws + 10 });
25				} else if(ws > target_top) {
26					navi.css({position:'fixed', top: 10});
27				} else {
28					navi.css({position:'relative', top: 0});
29			}
30		});
31	}
32
33	}
34});