Ви не увійшли. Будь ласка, увійдіть або зареєструйтесь.
Ласкаво просимо вас на україномовний форум з програмування, веб-дизайну, SEO та всього пов'язаного з інтернетом та комп'ютерами.
Будемо вдячні, якщо ви поділитись посиланням на Replace.org.ua на інших ресурсах.
Для того щоб створювати теми та надсилати повідомлення вам потрібно Зареєструватись.
Український форум програмістів → HTML та CSS → Анімація для текста при прокрутці сторінки
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися
Доброго дня.
Підкажіть будь лака як реалізувати.
Завдання:
Є рядок <p>Test text Test text Test text Test text</p>
При прокрутці сторінки вниз рядок рухається вправо і зникає.
(Бажано, ще реалізувати щоб рядок з'являвся назад якщо скролити вверх).
Наперед дякую.
Здоров. Тут все очевидно, вам треба підписатись на івент прокрутки onscroll, і в залежності від того, яке значення він поверне, змінювати стилі рядка, аби він рухався вправо.
Там можна змінювати або margin-left; або padding-left (оце не точно), або ж встановити position: absolute; або position: relative; і тоді вже змінювати left. Коли left буде 100%, або дорівнювати ширині сторінки в якихось юнітах, як от пікселі, то рядок буде прихованим.
то ви ніколи не писали нічого, чи що?
На елемент (який ви хочете анімувати) потрібно поставити
animation-fill-mode: forwards;
animation-play-state: paused;
і додати слухача на scroll, який буде міняти animation-play-state на running.
Це буде працювати краще ніж динамічне оновлення позиції елемента.
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися
