Почему не работает offset().top?

Question

[Дмитрий]

Почему не срабатывает offset().top?

$('body .bullets-container').scroll(function() {
	if($('body .bullets-container').offset().top > 600) {
		$('body .bullets-container').css({'dislay':'flex'})
	} else{
		$('body .bullets-container').css({'dislay':'none'})
	}
});

.bullets-container{
	display: none;
}

Нужно что бы блок появлялся, если прокрутить страницу вниз. Поискал, где-то упоминалось что-то о том, что блок может быть вне DOM.

У блока вот такое расположение

Answer 1

[Sn0wSky]

Ну для начала, почему ивентлисенер скролла висит на самом .bullets-container?

Comments

[Дмитрий]

Да, затупил. Изменил на $(document), не помогло

[Ro37A]

Дмитрий: повесьте на window.

[Дмитрий]

Sayto: все равно ничего

[Sn0wSky]

Дмитрий: еще у Вас опечатки в 'display' 'p' пропущена

[Дмитрий]

Sn0wSky: мда уж.. надо прекращать работать ночами. Спасибо большое)

[Sn0wSky]

Дмитрий: ну и на последок offset().top у элемента с display: none возвращает 0

[Дмитрий]

Sn0wSky: буду знать, сенк

Answer 2

[Ro37A]

$(window).scroll(function() {
  if($(window).scrollTop() > 600) {
    $('body .bullets-container').css({'display':'flex'})
  } else{
    $('body .bullets-container').css({'display':'none'})
  }
});