Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.02.2009, 16:01
Новичок на форуме
Отправить личное сообщение для presidentua Посмотреть профиль Найти все сообщения от presidentua
 
Регистрация: 12.02.2009
Сообщений: 2

есть ли cвойство "real visible"
Здраствуйте.

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

Есть ли решение в этой проблемы?
Ответить с цитированием
  #2 (permalink)  
Старый 12.02.2009, 17:16
Отправить личное сообщение для Андрей Параничев Посмотреть профиль Найти все сообщения от Андрей Параничев
 
Регистрация: 21.02.2008
Сообщений: 1,250

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

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

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

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

Последний раз редактировалось Андрей Параничев, 12.02.2009 в 17:18.
Ответить с цитированием
  #3 (permalink)  
Старый 12.02.2009, 19:01
Новичок на форуме
Отправить личное сообщение для presidentua Посмотреть профиль Найти все сообщения от presidentua
 
Регистрация: 12.02.2009
Сообщений: 2

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

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

Спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема onmouseout если есть вложенные теги... AlexPa Общие вопросы Javascript 5 27.01.2009 18:59
есть ли global в javascript scuter Общие вопросы Javascript 21 11.04.2008 20:48