JQuery - Sticky Element on scroll when it reaches the top of the browser window

sticky.css

.is-sticky {
	position: fixed; /* why it sticks */
	top: 0; /* can be adjusted as needed */
	margin: 0;
	z-index: 999; /* be on top of all the things */
}/* is-sticky */

sticky.js

// creating navigation that sticks to the top of the browser when you scroll to it.
$(document).ready(function() {
    var stickyElement = '.your-element-here'; // What element would you like to target?
    var stickyNavTop = $(stickyElement).offset().top; // get the offset of our element from the top of the browser

    var stickyNav = function(){ // when we scroll watch for the element to reach the top of the browser and for the element to drop below the top of the browser
    var scrollTop = $(window).scrollTop();

        if (scrollTop > stickyNavTop) {
                $(stickyElement).addClass('is-sticky'); // add class so element sticks
            } else {
                $(stickyElement).removeClass('is-sticky'); // remove class so element unsticks
            }
        };

    stickyNav();

    $(window).scroll(function() {
        stickyNav(); // run all of the things
    });
});