suzanSarandon
3/10/2020 - 8:29 AM

Making two divs sticky with jquery

<script>
jQuery(function($) {
    $(window).scroll(function () {
        var topBarTop = $('div.attorna-top-bar').offset().top;
        var eToprelWin = topBarTop - $(window).scrollTop();

        if ($(window).scrollTop() > eToprelWin) {
            $('.attorna-top-bar,header').wrapAll('<div class="stickyHeaderNav"></div>');

        } else {
            $("div.stickyHeaderNav").unwrap();
        }
    });
});

</script>

.stickyHeaderNav {
	position: sticky;
	top: 0px;
	width: 100%;
	z-index: 199;
}