<div class="scroll-container" style="width:200px;height:200px;overflow:auto">
<div class="scroll-text-block">
<p>дофигакакогонибудьтекста</p>
<p>оченьдофига</p>
<img src="https://school-php.com/img/blogs/test1.png">
</div>
</div>
<div style="overflow: auto;"><div>
<table width="100%" height="300" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td valign="middle" style="font-size:0;line-height:0;" height="300">
<img src="https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" border="0">
</td>
<td valign="middle" style="font-size:0;line-height:0;" height="300">
<img src="https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" border="0">
</td>
<td valign="middle" style="font-size:0;line-height:0;" height="300">
<img src="https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" border="0">
</td>
<td valign="middle" style="font-size:0;line-height:0;" height="300">
<img src="https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" border="0">
</td>
<td valign="middle" style="font-size:0;line-height:0;" height="300">
<img src="https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" border="0">
</td>
<td valign="middle" style="font-size:0;line-height:0;" height="300">
<img src="https://www.google.ru/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" border="0">
</td>
</tr>
</tbody></table></div>
</div>
(function(s) {
var n;
s(".tabs li").on("click", "li:not(.active)", function() {
n = s(this).parents(".tabs_block"), s(this).dmtabs(n)
}),
s.fn.dmtabs = function(n) {
s(this).addClass("active").siblings().removeClass("active"), n.find(".box").eq(s(this).index()).show(1, function() {
s(this).addClass("open_tab")
}).siblings(".box").hide(1, function() {
s(this).removeClass("open_tab")
})
}
})(jQuery);
$('body').click(function(){
// Любой свой код
});