JS Sticky

index.html

<script>
$(function(){
//begin title fixed
    $(document).load($(window).bind("resize", listenWidth));

        function listenWidth( e ) {
            var windowWidth = $(window).width();
            if (windowWidth > 767) {
                stick();
            }
            else {
                unstick();
            }
        }

    listenWidth();  // Add this here to execute the funtion onload.
    
    
    //init always
    $('.js-sticky-menu').sticky(
        {
            topSpacing:0, 
            zIndex: 999,
            className: 'is-sticky',
            wrapperClassName: 'b-wrapper-sticky',
            responsiveWidth: true,
        }
    );


    //on stick
    function stick() {
        $('.js-sticky-title').sticky(
            {
                topSpacing:50, 
                zIndex: 999,
                className: 'is-sticky',
                wrapperClassName: 'b-wrapper-sticky',
                responsiveWidth: true,
            }
        );
    }//end stick


    //off stick
    function unstick() {
        $('.js-sticky-title').unstick();
    }//end unstick
//end title fixed
});//END READY
</script>

<div class="b-title js-sticky-title">Title</div>