JSFiddle - React, Tailwind, and code Playground

by bruscopelliti

HTML

<img src="http://jsfiddle.net/img/logo.png" style="position:absolute; left:0">

CSS

body{background:#333}

JavaScript

var target = $('img')
var pos = 0;
var dragging = false;

$(document).mousedown(function(e) { e.preventDefault(); pos=e.pageX; dragging = true })
$(document).mouseup(function() { dragging = false })
$(document).mousemove(function(e) {
    if(dragging){ 
        target.css('left', e.pageX-pos);
    }
})