JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.jqueryscript.net/demo/jQuery-Plugin-For-Corner-Popup-While-Scrolling-cornerSlider/corner-slider/src/assets/js/jquery.cornerslider.js"></script>
<div class="content" style="width:1000px;margin:150px auto 40px auto;font-family:helvetica,arial,sans-serif">
  <center>
    <h1 style="color: #3169a4;">jQuery cornerSlider Plugin Demo</h1>
  </center>
  <h2>Scroll up and down to see the cornerSlider in action</h2>
  <p>Lorem ipsum dolor sit amet, senectus id sed dis, egestas arcu bibendum. Consectetur dolor, eu semper convallis leo, cras lacinia cubilia tellus augue lectus dolor, justo erat. Augue nulla vulputate dui id dolor. Sodales donec nam turpis nec, mattis eget ac. Per accumsan morbi vivamus leo sociis tortor, elit eros nulla vestibulum, dui phasellus ut quos scelerisque vitae, sociosqu incidunt, nec quis aliquam parturient. Vitae nec scelerisque, quis enim vitae sed imperdiet, nulla vestibulum dui, dui in elit libero mi ante, sollicitudin risus lobortis fermentum molestie commodo aenean. Risus viverra ullamcorper vehicula pellentesque netus, vel sed erat, nonummy vestibulum ut sapien vitae. Vivamus curabitur nec posuere sagittis pulvinar.</p>
  <p></p>
  <p>Lorem ipsum dolor sit amet, senectus id sed dis, egestas arcu bibendum. Consectetur dolor, eu semper convallis leo, cras lacinia cubilia tellus augue lectus dolor, justo erat. Augue nulla vulputate dui id dolor. Sodales donec nam turpis nec, mattis eget ac. Per accumsan morbi vivamus leo sociis tortor, elit eros nulla vestibulum, dui phasellus ut quos scelerisque vitae, sociosqu incidunt, nec quis aliquam parturient. Vitae nec scelerisque, quis enim vitae sed imperdiet, nulla vestibulum dui, dui in elit libero mi ante, sollicitudin risus lobortis fermentum molestie commodo aenean. Risus viverra ullamcorper vehicula pellentesque netus, vel sed erat, nonummy vestibulum ut sapien vitae. Vivamus curabitur nec posuere sagittis pulvinar.</p>
  <p></p>
  <p>Lorem ipsum dolor sit amet, senectus...

CSS

#corner-slider {
  position: fixed;
  z-index: 10000;
  overflow: hidden;
  /*Change to your own dimensions*/
  height: 119px;
  width: 269px;
  /*Change to your own colors*/
  border: 1px solid #b3b3b3;
  background: #34BC9D;
}

#corner-slider.hidden { display: none; }

#corner-slider .close {
  position: absolute;
  cursor: pointer;
  font-size: 16px;
  display: inline-block;
  z-index: 1002;
  /*Change here the close button position*/
  right: 24px;
  top: 18px;
  color: #fff;
}

JavaScript

$("#corner-slider").cornerSlider({

// where to show
showAtScrollingHeight : 1300,
elemToPresent         : "#presentSlider",

// effect
directionEffect       : "right",
speedEffect           : 300,

// margin
bottom                : 6,
right                 : 6,
left                  : 6,
top                   : 6,

// the 'cornerSliderHide' cookie is generated
// when a user chooses to close the slider 
cookieName            : 'cornerSliderHide',
cookieValue           : 'hidden',
cookieDomain          : '',
cookieMinutesToExpiry : 15,


// callback functions that the user can use.
onShow  : function(){},
onHide  : function(){},
onClose : function(){},

});