JSFiddle - React, Tailwind, and code Playground

by webwakko

HTML

Scroll
<div class="fixed-btn">
    <a onclick="fatsomaEventsWidget.showEvent('akvmo30l')" href="#event_id=akvmo30l" class="btn btn--white-bg" href="#" role="button">Get Wristbands</a>
</div>

CSS

.fixed-btn {
    position: fixed;
    top: 60px;
    right: 80px;
    height: 100px;
    z-index: 999;
    display: none;
}

body{
  height: 5000px;
}

JavaScript

$(window).scroll(function() {
	    if($(document).scrollTop() > 900){
		    $(".fixed-btn").show();
	    } else {
      $(".fixed-btn").hide();
      }
});