JSFiddle - React, Tailwind, and code Playground

by trkli

HTML

<div class="iosSlider"></div>

CSS

.iosSlider {
    width: 500px;
    height: 100px;
    background: gray;
}

JavaScript

var oldx = null;


var max = +oldx + 200;
var min = +oldx - 200;
console.log("e.pageX = " + e.pageX + ", max = " + max + ", min = " + min);
/*if (e.pageX > max) {
    direction = "right";
} else if (e.pageX < min) {
    direction = "left";
} else {
    return;
}*/