https://drumstikbbq.com/js/sticky-sidebar.js

1var StickySidebar = {
2
3
4    /* INITIALIZE 
5    ================================================================================================================================================================
6    ===============================================================================================================================================================*/
7	init: function() {
8
9        // Initialze StickyKit
10        StickySidebar.initalizeStickyKit(6); 
11
12        // Adjust functionality across breakpoints
13        enquire
14        .register("screen and (max-width: 750px)", function() {
15            $(".m-sidebar").trigger("sticky_kit:detach");
16        })
17        /*
18        .register("screen and (min-width: 750px) and (max-width:1050px)", function() {
19
20            // Destroy any existing sticky kits
21            $(".m-sidebar").trigger("sticky_kit:detach");
22            StickySidebar.initalizeStickyKit(140);  
23        })*/
24        .register("screen and (min-width: 750px)", function() {
25
26            // Force Recalc 
27            $(document.body).trigger("sticky_kit:recalc");
28            StickySidebar.initalizeStickyKit(6);      
29        });
30
31        // Adjust on screen size
32        $( window ).resize(function() {
33            $(document.body).trigger("sticky_kit:recalc");
34        });
35    },
36
37    initalizeStickyKit: function(offsetTop) {
38
39        $(".m-sidebar").stick_in_parent({
40            offset_top:offsetTop,
41            parent:'.m-content-wrap'
42        }).on("sticky_kit:bottom", function(e) {
43            $(".m-sidebar").addClass('is_bottom');
44        }).on("sticky_kit:unbottom", function(e) {
45            $(".m-sidebar").removeClass('is_bottom');    
46        });
47
48        $(document.body).trigger("sticky_kit:recalc");
49
50    }
51};
52
53
54