JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Outer">
    <div id="Hdr">About India</div>
    <div id="Inner">
      The Indian economy is the world's tenth-largest by nominal GDP and third-largest by purchasing power parity (PPP).
      Following market-based economic reforms in 1991, India became one of the fastest-growing major economies; it is considered a 
      newly industrialised country. However, it continues to face the challenges of poverty, illiteracy, corruption, and inadequate public healthcare.
    </div>
  </div>

CSS

#Outer{
   width:400px;
   border:1px solid blue;
   position:absolute;
  }
#Inner {
   width:400px;
   height:80px;
   position:absolute;
   border:1px solid blue;
   overflow:auto;
}
  #Hdr{
   background:#ffcc99;
   border-bottom:1px solid blue;
  }

JavaScript

$(document).ready(function(){
       $('#Outer').draggable({handle: "#Hdr"});
   });