JSFiddle - React, Tailwind, and code Playground

HTML

<div id="global">
    <div class="visio">
        <div class="scroll">
            <div class="item">Item 1</div>
            <div class="item">Item 2</div> 
            <div class="item">Item 3</div>
            <div class="item">Item 4</div>            
        </div>    
    </div>
</div>

CSS

#global {width:950px;background-color:#ffccff;}
#global .visio {width:100%;height:300px;overflow:hidden;border:1px solid #000;}
#global .scroll {width:400%;margin-left:0%;}
#global .item {float:left;width:25%;height:300px;}

JavaScript

$("#global .scroll").css("marginLeft","-100%");
alert($("#global .scroll").css("marginLeft"));