https://kcbbf.jp/js/sticky-ad.js?v=1

1$(window).load(function(){
2    var side = $("#side-ad");
3    // #sideのオブジェクトをsideへ
4    var main = $("#side-col");
5
6    if( side.height() > $('#main-col').height() ) {
7        $('#main-col').height(side.height())
8    }
9    main.height($('#main-col').height());
10
11    // #mainのオブジェクトをmainへ
12    var min_move = main.offset().top;
13    // #side が動ける最初の地点（main要素のtopの位置）
14    var max_move = main.offset().top + main.height() - side.height() - 2*parseInt(side.css("top") );
15    // max_move は トップから #side が動ける最終地点までの長さ → #main 要素の内側の高さ内
16    // max_move ←（ #mainボックスのトップの位置の値　＋　#mainボックスの高さ　ー　#sideの高さ　ー　サイドのトップ値✕２）
17    var margin_bottom = max_move - min_move    ;
18    // side要素の一番下にいる時のmargin-top値の計算
19
20    // スクロールした時に以下の処理
21    /*
22    $(document).bind("scroll", function() {
23
24        var wst =  $(window).scrollTop() + 130;
25        // スクロール値が wst に入る
26
27        // スクロール値が main 要素の高さ内にいる時以下
28        if( wst > min_move && wst < max_move ){
29            var margin_top = wst - min_move ;
30            // スクロールした値から min_move（#mainのtopの表示位置）を引いたのを margin_top へ
31            side.animate({"margin-top": margin_top}, {duration: 300, queue: false});
32            // サイド CSSの margin-top の値を、変数の margin_top にする
33
34            // スクロールした値が min_move（main要素の高さより小さい）以下の場合はCSSのマージントップ値を0にする
35        }else if( wst < min_move ){
36            side.animate({"margin-top":0}, {duration: 300, queue: false});
37
38            // スクロールした値が max_move （main要素の高さより大きい）以上の場合以下
39        }else if( wst > max_move ){
40            side.animate({"margin-top":margin_bottom}, {duration: 300, queue: false});
41        }
42    });
43    */
44});