Как определить текущий видимый блок?

Question

[WhatYouDoing]

Всем привет,есть 3 блока item, каждый высотой к примеру 1000px, вопрос как при скроле определить какой блок сейчас виден ? Надо для того что бы зафиксировать title при скроле в каждом блоке,т.е когда скролим страницу видим title одного блока,как начинается следующий блок фиксируется title другой

<div class="wrapper">
 <div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<style>
.item { height: 1000px; }
</style>

Comments

[FeST1VaL]

Через JS

[WhatYouDoing]

Артем Будин, css sticky))

[FeST1VaL]

WhatYouDoing, ну чтобы определить какой сейчас видимый блок CSS не сильно поможет.

Чтобы просто ездил тайтл, то sticky конечно поможет, если вы нормально сверстаете

[ReaverJS]

WhatYouDoing, тогда не понятно, зачем вам определять текущий блок.