JSFiddle - React, Tailwind, and code Playground

by kimgysen

HTML

<div id="wrapper">	
    <div id="content">
				<img id="inner" alt="" src="http://s15.postimg.org/5phzr2off/img.jpg" />
    </div>
</div>

CSS

#wrapper{
    width:400px;
    height:400px;
    overflow:hidden;
    position:relative;
}

#content {
    position:absolute;
    top:-800px;
    left:-1520px;
    width: 3440px;
    height: 2000px;
}
#inner {
    width: 1920px;
    height: 1200px;
    top:800px;
    left:1520px;
}

JavaScript

$("#inner").draggable({
        containment: $('#content')
    });