![]() |
Нужен совет по JS Нужен совет по JS, а именно, по анимации. Нужно добавить эффект, чтобы анимация срабатывала при прокрутке страницы. Для этого, конечно, есть wow.js и appear.js, но как именно их применить, не знаю. |
В jQuery есть обработчик события .scroll() jQuery(window).scroll(function(){ JS код обработчика при прокрутки } ); Например: Копка прокрутки страницы jQuery(document).ready(function(){ // После загрузки страницы добавляем обработчик Прокрутки jQuery(window).scroll(function(){ if(jQuery(document).scrollTop()>0){ jQuery(".scrollup").fadeIn('fast'); // Показываем Кнопку }else{ jQuery(".scrollup").fadeOut('fast'); // Прячем Кнопку } }); }); Ну и <div class="scrollup"></div> - Кнопка прокрутки страницы Вверх Вот и Все !!! |
Да и кстати у самой jQuery куча Анимации .animate() - Позволяет выполнить анимацию основанную на изменении CSS свойств. .fadeIn() - Позволяет плавно изменить прозрачность элементов из скрытого состояния в видимое. .fadeOut() - Позволяет плавно изменить прозрачность элементов из видимого состояния в скрытое. .slideDown() - плавно отображает элементы скользящим движением (постепенно увеличивая их высоту). .slideUp() - плавно скрывает элементы скользящим движением (постепенно уменьшая их высоту). |
1, 2 -AlexIT > Спасибо за ответ! А как сделать, как указать, чтобы при прокрутке страницы появлялись несколько строк текста (не весь абзац)? |
Несколько строк текста ограничиваются CSS свойствами блока. Например при overflow:hidden; будет отображаться только то, что помещается в размеры блока, остальное будет скрыто! <div style="overflow:hidden; height:36px; width:350px; cursor:pointer;">Текст блока .... </div> А дальше просто, с помощью JS или jQuery, меняем height на "аuto" и обратно на "36px". - Вот и ВСЕ. В Инете можно найти кучу вариантов ГАРМОШКИ, с подробным описанием и на JS и на jQuery - выбирай ЛЮБУЮ! |
Больше никто в JS не соображает что ли? |
Есть же документация [url]https://wowjs.uk/docs.html[/url] |
в js соображать в отсутствии jw - это какя-то новая молодежная форма садо-мазо что ли? |
7-Гость >Вообще то СадоМаза началась еще с Ассемблера, а JS это уже просто замена Розг на Цветочки!!! |
Может кто помочь с установкой (советом) clipboardjs в prismjs? Сайтов по этому находится не мало, но все какие-то мудрёные. Можно написать в ЛС. |
да и в bootstrap уже есть анимационные действия [url]https://mdbootstrap.com/docs/standard/content-styles/animations/[/url] |
На этом форуме кодеры не обитают. Имеет смысл сходить на тематические ресурсы. |
Текущее время: 06:41. Часовой пояс GMT +3. |