JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="headLogo">yoyoyuuuoyoyooyoy</div>
<div class="exampleContent">
    <ul>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
                <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum dolor sit amet</li>
        <li>lorem ipsum dolor sit amet  ipsum dolor sit amet ipsum...

CSS

body{float:left;width:100%;height:700px;}
.headLogo{width:100%;height:120px;float:left;background:#cc0000;top:0;left:0;}
.exampleContent{width:100%;height:auto;float:left;}
.exampleContent ul li{float:left;width:100%;}

JavaScript

$(document).ready(function(){
    $(window).scroll(function(){
        $(".headLogo").css("height","60px");
        $(".headLogo").css("background","#ff0000");
        $(".headLogo").css("position","fixed");
    });
});