Как осуществить чтобы скроллинг был только в том блоке в котором находится курсор мыши?
когда курсор находится в блоке main
<style>
#main{
position:fixed;
overflow:hidden;
width:400px;
height:200px;
background:#ee6;
}
#first{
width:100px;
height:200px;
background:#eee;
overflow-y:auto;
}
#second{
position:absolute;
width:100px;
right:0px;
top:0px;
background:#ee9;
height:200px;
overflow-y:auto;
}
</style>
<div id="main">
<div id="first">
<ul>
<li>1
<li>2
<li>3
<li>4
<li>5
<li>6
<li>7
<li>8
<li>9
<li>10
<li>11
<li>12
<li>13
<li>14
<li>15
</ul>
</div>
<div id="second">
<ul>
<li>1
<li>2
<li>3
<li>4
<li>5
<li>6
<li>7
<li>8
<li>9
<li>10
<li>11
<li>12
<li>13
<li>14
<li>15
</ul>
</div>
</div>