Описание тега aos.js
AOS - Анимация при прокрутке - библиотека JavaScript
1
ответ
Используйте AOS.js с классом вместо атрибута данных
Я хочу использовать AOS.js на своем сайте, но у меня нет возможности добавить необходимые атрибуты данных в DIV страницы. Вот разметка из документации ( https://michalsnik.github.io/aos/): <div data-aos="fade-up" data-aos-duration="3000"> ... …
01 фев '20 в 15:07
1
ответ
Как использовать JS-файл в Angular Typescript
Итак, я купил эту тему начальной загрузки, и она использует библиотеку aos.js, поэтому я установил библиотеку через npm и добавил ее в тег scripts моего angular.json следующим образом: "scripts": [ "node_modules/jquery/dist/jquery.min.js", "node_mod…
23 фев '20 в 13:58
1
ответ
Как включить собственный JS (в частности, AOS.js) в Rails 6
Я новичок в Rails 6 + Webpack, так что несите меня. Я пытаюсь загрузить aos.js в Rails 6, а затем вызвать его из файла представления. Я создал javascript/custom/aos.jsкоторый содержит этот код с добавленным следующим фрагментом: console.log("typeof(…
16 мар '20 в 10:38
0
ответов
Переписать событие прокрутки или ложно запустить событие прокрутки
Может ли кто-нибудь помочь мне перекодировать некоторые из скриптов aos.js? Короче говоря, я пытаюсь заставить aos работать в iFrame. Я использую iframeResizer.js, и я могу отправить высоту области просмотра с родительской страницы в iFrame. Я также…
07 май '20 в 16:58
0
ответов
Как заставить AOS работать с динамическими размерами с помощью angular?
Я использую AOS для анимации. Это страница И у меня проблема с его работой на angular. Я установил его, и, похоже, он работает только после обновления. Это код, о котором идет речь: <div *ngFor="let article of data;let index = index" class="row"&…
05 мар '20 в 00:09
0
ответов
AOS не применяет стили div до прокрутки
Всякий раз, когда я использую анимацию уменьшения масштаба aos, стили для div не добавляются, пока я не перейду к этому div. Если я использую любую другую анимацию, она работает как задумано. Кто-нибудь знает, почему это происходит?(Мне нужно, чтобы…
07 авг '20 в 20:02
0
ответов
Как изменить текст в элементе при прокрутке страницы
Я хочу узнать, как сделать такой эффект https://www.apple.com/br/airpods-pro/. Точнее: GIF показывает изменение текста, которое я хочу сделать - только изменение текста Я уже делал что-то подобное, используя AOS animate на vue, но я понятия не имею,…
14 авг '20 в 16:03
0
ответов
Как я могу реализовать AOS с помощью React
У меня есть этот код в моем HTML-шаблоне: <div data-spy="scroll" data-target=".site-navbar-target" data-offset="300"> Как я могу реализовать это с помощью AOS в React? Когда я перехожу к документации AOS, я не вижу возможности для data-spy и d…
14 фев '20 в 16:23
1
ответ
Плагин анимации при прокрутке не работает в Nuxt версии 2 после развертывания на хостинге Firebase с использованием облачных функций
Я использую библиотеку анимации при прокрутке через npm на моем сайте Nuxt.js. Когда я добавляю его в свои плагины /aos.js и настраиваю в плагине nuxt.config.js, он работает очень хорошо. Но когда я пытаюсь развернуться на хостинге Firebase с облачн…
18 июн '20 в 19:21
0
ответов
Невозможно импортировать и инициализировать AOS с помощью webpack
У меня проблемы с импортом AOS с помощью webpack. Я следил за документацией в Интернете, сначала установив AOS, используяnpm install --save aos@next а затем добавив следующее: import AOS from 'aos'; AOS.init(); Я импортировал CSS с помощью тега ссыл…
24 июл '20 в 07:27
0
ответов
Какие есть альтернативы библиотеке JS для Animate On Scroll (aos)?
Я создавал свое портфолио и наткнулся на aos. Кто-нибудь может перечислить некоторые из его альтернатив? Также существуют ли хорошие библиотеки для таких анимационных эффектов, которые не ограничиваются только прокруткой?
31 авг '20 в 13:09
0
ответов
Элемент AOS исчезает на мобильном устройстве
Мой элемент отлично анимируется на рабочем столе, но на мобильном телефоне он дает сбой и скрывает div после завершения анимации. $(function() { AOS.init(); }); $(window).on('load', function() { AOS.refresh(); }); и это не помогает. Кто-нибудь знает…
11 авг '20 в 20:37
0
ответов
Magento 2 AOS как это сделать?
В настоящее время я настраиваю магазин Magento 2. Мы установили специальную тему под названием Athlete 2 от Olegnax, которая является дочерней по отношению к теме Blank. У меня вопрос, как я могу реализовать этот AOS https://michalsnik.github.io/aos…
04 авг '20 в 00:51
0
ответов
Библиотека AOS и Angular, анимация прокрутки не запускается при нажатии на ссылку на панели навигации для навигации по тому же разделу страницы
Как следует из вопроса, анимация прокрутки работает так, как задумано, но когда я нажимаю ссылку на панели навигации, она переводит меня в раздел контактов на той же странице (например), но не обнаруживает прокрутку мыши, поэтому не запускает анимац…
22 мар '20 в 23:10
2
ответа
Как изменить значение задержки HTML AOS с помощью javascript или CSS
Первый раз обращаюсь за помощью здесь, надеясь, что на это есть простой ответ. Я использую библиотеку AOS - Animate on Scroll на своем веб-сайте и хочу иметь возможность изменять значение задержки aos в зависимости от ширины экрана, поскольку мне ну…
05 ноя '20 в 10:34
1
ответ
Проблема с AOS.js не работает, когда Slick.js находится на той же странице
Кажется, проблема заставить AOS.js работать правильно, когда на той же странице есть слайдер Slick.js. Как заставить это работать, имея оба на странице (там должен быть слайдер) Я включил скрипты и css <script src="https://cdnjs.cloudflare.c…
11 ноя '20 в 14:51
1
ответ
Как запретить стороннему пакету CSS прерывать работу других компонентов в React
Я работаю над своим веб-шаблоном React прямо сейчас, и я столкнулся с этой проблемой, когда я полностью закодировал веб-сайт, и все работает нормально, пока я не решил импортировать сторонний CSS в этом случае AOS (Animate On Scroll) CSS после импор…
17 ноя '20 в 23:47
3
ответа
AOS в Nuxt не работает при переключении между страницами
Я пытаюсь использовать AOS в своем проекте Nuxt в "универсальном" режиме, но при переключении страниц возникают проблемы. Инструмент отлично работает, когда я вручную перезагружаю страницу, но по какой-то причине AOS перестает работать, когда я пере…
18 сен '20 в 17:11
0
ответов
Отзывчивость AOS (Animate on Scroll Library)
Я использую библиотеку AOS, и она работает хорошо, у меня просто возникла проблема с отображением ее на мобильном телефоне, экран становится шире, чем должен быть, что еще означает, что он перестал отвечать. И я исправил это с помощью CSS body{overf…
09 окт '20 в 19:03
0
ответов
smooth-scrollbar.js не работает с aos.js
Я пытаюсь использовать этот плагин jquery вместе, но aos.js не работает, потому что у нас нет прокрутки, потому что прослушиватель событий aos.js работает с событием прокрутки. https://idiotwu.github.io/smooth-scrollbar/ https://michalsnik.github.io…
15 окт '20 в 13:06