sticky jquery sidebar and css adder

by chris callaghan

JavaScript

$(document).ready(function () {

    var length = $('.wpb_column').height() - $('.wpb_tabs_nav').height() + $('.wpb_column').offset().top;

    $(window).scroll(function () {

        var scroll = $(this).scrollTop();
        var height = $('.wpb_tabs_nav').height() + 'px';

        if (scroll < $('.wpb_column').offset().top) {

            $('.wpb_tabs_nav').css({
                'position': 'relative',
                'top': '0',
                'width':'260px'
               
            });
            
             $('.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab').css({
                'width':'815px',
                 "padding-left":"21px"
             });
                 

        } else if (scroll > length) {

            $('.wpb_tabs_nav').css({
                'position': 'absolute',
                'bottom': '0',
                'top': 'auto'
            });

        } else {

            $('.wpb_tabs_nav').css({
                'position': 'fixed',
                'top': '0',
                'height': '298px',
                'width':'260px',
                'z-index': '0'
                
            });
            
            $('.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab').css({
                'width':'100%',
                "padding-left":"275px"
            });
            
               
        }
    });

});