JSFiddle - React, Tailwind, and code Playground

by steven liu

HTML

<div id="flyin">
    Flyer
</div>

CSS

#flyin  {bottom:0; background:#efefef; position:absolute; left:-100px;}

JavaScript

// Calculate current broser width.
var currWidth = $(window).width();
console.log(currWidth);

var startPos = -100;
var endPos = (currWidth) + (startPos);
console.log(endPos);

$('#flyin').animate({left: endPos}, 1000);