Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.07.2023, 17:19
Аспирант
Отправить личное сообщение для Volonter Посмотреть профиль Найти все сообщения от Volonter
 
Регистрация: 18.01.2011
Сообщений: 84

Подсветка текста в блоке при скролле
Всем привет! Как бы реализовать такую вещь. Предположим, где то в центре экрана есть div, в котором есть параграф p.text, в котором некоторое кол-во слов. Цвет текста #ссс. Нужно, чтобы при скроллинге буквы в тексте постепенно перекрашивались бы в #000. Или другой вариант, текст всегда #000 opacity: 0.2, а при скролле постепенно переходило в opacity:1.
Заранее благодарю!
Ответить с цитированием
  #2 (permalink)  
Старый 08.07.2023, 19:24
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,709

Берешь getBoundingClientRect от этого параграфа, и в зависимости от величины top меняешь стиль.
Ответить с цитированием
  #3 (permalink)  
Старый 08.07.2023, 21:06
Аспирант
Отправить личное сообщение для Volonter Посмотреть профиль Найти все сообщения от Volonter
 
Регистрация: 18.01.2011
Сообщений: 84

Сообщение от voraa
и в зависимости от величины top меняешь стиль.
если бы так все просто было. Надо, чтобы в зависимости от скролла буквы последовательно подкрашивались.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
запомнить место контента при скролле Mrs.Haneki Элементы интерфейса 0 19.01.2016 13:55
Появление блока при скролле вверх dizent Общие вопросы Javascript 2 18.09.2015 06:16
Закрепление блока при скролле с проигрыванием анимаци VBeregovoy Элементы интерфейса 0 10.04.2014 11:19
Появление текста при наведении курсора на ссылку Александра Элементы интерфейса 1 11.05.2009 00:22
Firefox: перехватить соббытие при перетаскивании текста no_alex Общие вопросы Javascript 9 21.08.2008 18:02