JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<div class="boxscroll scroll">
ddddddddddsdjfskljfskljfsl    
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslvddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfsl
vddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfsl    
ddddddddddsdjfskljfskljfsl    
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslvddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfsl
vddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfsl    
    
</div>

<div class="boxscroll fixed">
ddddddddddsdjfskljfskljfsl    
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfsl
ddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslvddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfsl
vddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfslddddddddddsdjfskljfskljfsl    
ddddddddddsdjfskljfskljfsl   ...

CSS

.boxscroll {width:300px;height:200px;margin:10px;overflow:scroll;overflow-x:none;background:url('http://wagle.joinsmsn.com/app/files/attach/images/197089/295/198/%EC%84%9C%ED%98%84,%20%EC%9C%A4%EC%95%84...%ED%97%88%EB%B2%85%EC%A7%80%20%EB%8F%84%EC%B0%B0!!!%20%EC%9C%BC..%EC%99%84%EC%A0%84%20%EC%A9%90%EB%8B%A41.jpg');}
.boxscroll.scroll {background-attachment:scroll;}
.boxscroll.fixed {background-attachment:fixed;}
.boxscroll.local {background-attachment:local;}