есть ли cвойство "real visible"

[presidentua]

Здраствуйте.

такая задача мне недавно встретилась:
- нужно найти первый абзац (тоесть <p>) который видим в текущее время на экране в юзера.

Есть ли решение в этой проблемы?

[Андрей Параничев]

Есть решение. Только его нужно написать самому, алгоритм простой - вам нужно узнать, сколько прокрутки осталось сверху и сколько снизу, относительно вьюпорта. Сверху это просто scrollTop, а снизу - scrollTop + размер вьюпорта.

Вот скрипт, который решает похожую задачу. В нем перебираются все параграфы, и видимым устанавливается стиль.

Вам нужно переписать так, чтоб цикл перебора останавливался, если какой-то параграф сейчас отображается на экране, и передавалась ссылка на видимый параграф в функцию, где вы будете его обрабатывать.

Вот статья про измерения элементов, в ней расписаны все методы и свойства, с помощью которых определяются высота скролла, позиция элемента, размеры вьюпорта, и другие измерения, которые вам понадобятся в решении этой задачи.

[presidentua]

-Только его нужно написать самому
у Вас настолько понятный и хорошо коментированый код, да и статья очень подробная, что на это уйдет не много времени )

эта вещь одна из ключевых в стартапе, так что с меня после завершения в разделе благодарности обязательное упоминание Вашей помощи

Спасибо!