У меня есть таблица в div, у дива есть прокрутка по вертикали и горизонтали. При прокрутке windows (всего экрана) событие скролла отлавливается (верхний ряд принимает class с position fixed, а при попытке установки вместо window блока div, в котором находится эта таблица, скрипт не работает. В чем может быть причина?
Код скрипта (который работает) :
$(window).scroll(function(){
if ($(window).scrollTop()) {
$('.header').addClass('header-fixed');
} else {
$('.header').removeClass('header-fixed');
}
});
Если заменить
window
на
#tableblock
, то скрипт не работает.
У tableblock высота и ширина по 200px и scroll при overflow по x и y.
.header-fixed {
position:fixed;
}
<div id="tableblock">
<table>
<tr>
<th class="header"></th
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>