Скрыть ScrollBar
Приветствую Всех, У меня Div и таблица, данные в таблице добавляются со временем, посола прокрутки мешает, надо убрать но при этом и в странице и в таблице оставить возможность прокрутки колесиком мышки.
overflow: hidden не помогает. <div style="height:150px; width:100%;overflow:auto;"> <table width="85%" height="150" class="zam_img" cellspacing="0" cellpadding="0" align="center" style="overflow:hidden;"> <tr> <td><a rel="example_group" href="zamki/zam1.png" title="Lorem ipsum dolor sit amet"> <img src="zamki/zam1.png" width="160" height="120" /></a></td> <td><a rel="example_group" href="zamki/zam2.jpg" title="Lorem ipsum dolor sit amet"> <img src="zamki/zam2.jpg" width="160" height="120" /></a></td> <td><a rel="example_group" href="zamki/zam3.png" title="Lorem ipsum dolor sit amet"> <img src="zamki/zam3.png" width="160" height="120" /></a></td> </tr> <tr> <td><a rel="example_group" href="zamki/zam4.jpg" title="Lorem ipsum dolor sit amet"> <img src="zamki/zam4.jpg" width="160" height="120" /></a></td> <td><a rel="example_group" href="zamki/zam5.jpg" title="Lorem ipsum dolor sit amet"> <img src="zamki/zam5.jpg" width="160" height="120" /></a></td> <td><a rel="example_group" href="zamki/zam6.jpg" title="Lorem ipsum dolor sit amet"> <img src="zamki/zam6.jpg" width="160" height="120" /></a></td> </tr> </table> </div> |
<style>
div.WrpTbl {
height:150px;
width:100%;
overflow:hidden;
}
div.WrpTbl:hover {
overflow:auto;
}
</style>
<div class=WrpTbl>
<table width="85%" height="150" class="zam_img" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><a rel="example_group" href="zamki/zam1.png" title="Lorem ipsum dolor sit amet">
<img src="zamki/zam1.png" width="160" height="120" /></a></td>
<td><a rel="example_group" href="zamki/zam2.jpg" title="Lorem ipsum dolor sit amet">
<img src="zamki/zam2.jpg" width="160" height="120" /></a></td>
<td><a rel="example_group" href="zamki/zam3.png" title="Lorem ipsum dolor sit amet">
<img src="zamki/zam3.png" width="160" height="120" /></a></td>
</tr>
<tr>
<td><a rel="example_group" href="zamki/zam4.jpg" title="Lorem ipsum dolor sit amet">
<img src="zamki/zam4.jpg" width="160" height="120" /></a></td>
<td><a rel="example_group" href="zamki/zam5.jpg" title="Lorem ipsum dolor sit amet">
<img src="zamki/zam5.jpg" width="160" height="120" /></a></td>
<td><a rel="example_group" href="zamki/zam6.jpg" title="Lorem ipsum dolor sit amet">
<img src="zamki/zam6.jpg" width="160" height="120" /></a></td>
</tr>
</table>
</div>
|
тоже вариант
|
| Часовой пояс GMT +3, время: 22:13. |