I am dealing with a div that is overflowing, but the horizontal scroll bar is not visible. How can I prevent actual scrolling on the div when the user attempts to scroll using the mouse or arrow keys? Below is the code for this div and a snapshot
<!-- right content area -->
<div class="col-md-2 col-sm-2" >
<!--parent row -->
<div class="row" >
<div class="col-sm-12 padd-top-40 top-links-content-tabs-highlight"><div class="div-filters"> Comments</div></div>
</div><!-- parent row end-->
<div class="golden-scroll-rtl" >
<div class="golden-scroll-ltr">
<!--Blank Stars -->
<div class="row">
<div class="col-sm-12 padd-top-15" style="direction:rtl; margin-right:20px;">
<span><img src="images/rating-star-blank.png"></span>
<span><img src="images/rating-star-blank.png"></span>
<span><img src="images/rating-star-blank.png"></span>
<span><img src="images/rating-star-blank.png"></span>
<span><img src="images/rating-star-blank.png"></span>
</div>
</div><!-- Blank Stars-->
<!--Your Review -->
<div class="row">
<div class="col-sm-12 padd-top-15">
<div style="width:90%;"><textarea class="form-control" placeholder="Your Review" rows="2" cols="1"></textarea></div>
</div>
</div><!-- Your Review-->
<!--Add Button -->
<div class="row">
<div class="col-sm-12 padd-top-15">
<button class="btn btn-info"> Add</button>
</div>
</div><!-- Add Button-->
<!-- REVIEW -->
<div class="row padd-top-10">
<!-- Wrapper -->
<div class="col-sm-12">
<div class="row"> <div class="col-sm-12 font-size-16 text-left" style="margin-right:20px;">John Smith </div></div>
<!-- stars -->
<div class="row" style="margin-right:20px; direction:rtl;">
<div class="col-sm-12 padd-top-10">
<span><img src="images/rating-star-full.png"></span> <span><img src="images/rating-star-full.png"></span>
<span><img src="images/rating-star-full.png"></span> <span><img src="images/rating-star-full.png"></span>
<span><img src="images/rating-star-full.png"></span>
</div>
</div>
<!--/stars -->
<!--/Review Desc -->
<div class="row padd-top-10">
<div class="col-sm-12 text-left font-size-12 text-left" style="margin-right:20px;">
Great product! Amazing quality. Highly recommended. <br/> <a class=" lnk-like-share-comment" href="#">Read more</a>
</div>
</div>
<!--/hr -->
<div class="row padd-top-2">
<div class="col-sm-12">
<hr>
</div>
</div>
</div><!-- Wrapper -->
</div><!-- REVIEW-->
/* Repeat above review structure ...*/
</div><!-- golden scroll ltr-->
</div><!-- golden scroll rtl-->
</div>
<!-- /right content area -->