Задать вопрос

Почему в jQuery событие scroll не работает при body margin: 0;?

Полтора часа не мог понять, почему не работает событие scroll, но все же путем отключения стилей, а потом построчного стирания обнаружил, что же убивает эвент scroll:

body {
    margin: 0;
}


Как только комментирую margin, событие начинает работать, только выставляю - и все, событие не срабатывает.

Кто-нибудь сталкивался с подобным? Как мне убрать отступы у body и при этом сохранить возможность отслеживания события прокрутки?

Собственно, событие ловлю так:

<script type="text/javascript">
$(document).ready(function(){
	$(window).scroll(function(){
		alert(1);
	});
});
</script>


Отладочная консоль белоснежна.
  • Вопрос задан
  • 25653 просмотра
Подписаться 4 Оценить Комментировать
Ответ пользователя Hillo_dp К ответам на вопрос (10)
@Hillo_dp
Столкнулся с похожей проблемой. Выяснил что в моём случае проблема была в том что родитель имел высоту в 100% и был растянут почти на всю высоту страницы, то есть больше видимой зоны. Прижимал футер к низу. Решение оказалось банальным.
.your_container {
    min-height: 100vh;
}
Ответ написан
Комментировать