К списку форумов К списку тем
Регистрация    Правила    Главная форума    Поиск   
Имя: Пароль:
Рекомендовать в новости

Нужен совет по JS

0 - 29.12.2018 - 13:59
Нужен совет по JS, а именно, по анимации. Нужно добавить эффект, чтобы анимация срабатывала при прокрутке страницы. Для этого, конечно, есть wow.js и appear.js, но как именно их применить, не знаю.


1 - 30.12.2018 - 13:04
В 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> - Кнопка прокрутки страницы Вверх

Вот и Все !!!
2 - 30.12.2018 - 14:06
Да и кстати у самой jQuery куча Анимации
.animate() - Позволяет выполнить анимацию основанную на изменении CSS свойств.
.fadeIn() - Позволяет плавно изменить прозрачность элементов из скрытого состояния в видимое.
.fadeOut() - Позволяет плавно изменить прозрачность элементов из видимого состояния в скрытое.
.slideDown() - плавно отображает элементы скользящим движением (постепенно увеличивая их высоту).
.slideUp() - плавно скрывает элементы скользящим движением (постепенно уменьшая их высоту).
3 - 01.01.2019 - 22:45
1, 2 -AlexIT > Спасибо за ответ! А как сделать, как указать, чтобы при прокрутке страницы появлялись несколько строк текста (не весь абзац)?
4 - 04.01.2019 - 13:20
Несколько строк текста ограничиваются CSS свойствами блока.
Например при overflow:hidden; будет отображаться только то, что помещается в размеры блока, остальное будет скрыто!
<div style="overflow:hidden; height:36px; width:350px; cursor:pointer;">Текст блока .... </div>
А дальше просто, с помощью JS или jQuery, меняем height на "аuto" и обратно на "36px". - Вот и ВСЕ.
В Инете можно найти кучу вариантов ГАРМОШКИ, с подробным описанием и на JS и на jQuery - выбирай ЛЮБУЮ!


К списку вопросов
Опции темы Поиск в этой теме
Поиск в этой теме:

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




Copyright ©, Все права защищены