JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
  <div id="innerHtml">
    <div class="main_container">
      <article id="mod_2" class="module">
        <header>
          <h5>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo non, dolorem officiis molestias </h5>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo non, dolorem officiis molestias neque nemo aliquam inventore nostrum beatae voluptatem aspernatur, architecto qui, nihil deleiur adipisicing elit. Illo non, dolorem officiis molestias neque nemo aliquam inventore nostrum beatae voluptatem aspernatur, architecto qui, nihil delectus excepturi libero ipsum error. Sint.</p>
        </header>
      </article>
       <article id="mod_2" class="module">
        <header>
          <h5>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo non, dolorem officiis molestias </h5>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo non, dolorem officiis molestias neque nemo aliquam inventore nostrum beatae voluptatem aspernatur, architecto qui, nihil deleiur adipisicing elit. Illo non, dolorem officiis molestias neque nemo aliquam inventore nostrum beatae voluptatem aspernatur, architecto qui, nihil delectus excepturi libero ipsum error. Sint.</p>
        </header>
      </article>
       <article id="mod_2" class="module">
        <header>
          <h5>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo non, dolorem officiis molestias </h5>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo non, dolorem officiis molestias neque nemo aliquam inventore nostrum beatae voluptatem aspernatur, architecto qui, nihil deleiur adipisicing elit. Illo non, dolorem officiis molestias neque nemo aliquam inventore nostrum beatae voluptatem aspernatur, architecto qui, nihil delectus excepturi libero ipsum error. Sint.</p>
        </header>
      </article>
    </div>
  </div>

</div>

CSS

.parent {
  position: relative;
  border: 1px solid red;
  width: 300px;
  height: 400px;
}
#innerHtml {
    position: absolute;
    left: 6.6%;
    top: 12.3%;
    width: 86%;
    height: 80%;
    background-color: #fff;
    overflow-y: auto;
    z-index: 100;
}
.main_container{
  overflow-x: hidden;
}
.module{ 
  position: relative; 
  width: 100%; 
}
.module .mod_menu {
    position: absolute;
    right: 0px;
    top: 0;
    width: 50px;
    background-color: #fff;
    border: 1px solid #333;
    z-index: 100;
}

JavaScript

var html = '<div class="mod_menu">';
for(var i=0, len=3; i<len; i++){
  html +=			'<a href="javascript:;">menu</a> ';
}
html +=	'</div>';

$('.module').hover(function(){ 
  $(this).append(html);
}, function(){ 
  //$(this).find('.mod_menu').remove();
});