JSFiddle - React, Tailwind, and code Playground

by Glynne Turner

HTML

<div id="container">
  <div id="header" class="header">
  </div>
</div>

CSS

*{margin:0;padding:0}
#container{height:2000px}

JavaScript

$(window).scroll(function() {
		var sticky = $('#header'),
			scroll = $(window).scrollTop();
		if (scroll > 200) {sticky.addClass('fixed');  $('.logo').addClass('fixedlogo'); }
		else {sticky.removeClass('fixed');   $('.logo').removeClass('fixedlogo');}
	});