JSFiddle - React, Tailwind, and code Playground

by bizamajig

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<div class="a">
  <div class="b">
    a<br>
    b<br>
    c<br>
    d<br>
    e<br>
    f<br>
    g<br>
    h<br>
    i<br>
    j<br>
    k<br>
    l<br>
    m<br>
    n<br>
    o<br>
  </div>
</div>

CSS

.b {
  border: 1px solid;
  width: 100px;
  height: 100px;
  overflow-y: scroll;
  overflow-x: hidden;
}

JavaScript

$(function(){
	var scrollTop = 0;
	$('.b').sortable({
  	start: function(event, ui){
      scrollTop = ui.item.scrollTop();
    },
    stop: function(event, ui){
      ui.item.scrollTop(scrollTop);
    }
  });
});