КОММЕНТИРУЮ.RU

Комментируем все что нравится!

Вопрос:

Как сделать плавное появление скрытых под display: none; карточек по клику на кнопку, при подключеной AOS?

Обсуждаем вопрос Как сделать плавное появление скрытых под display: none; карточек по клику на кнопку, при подключеной AOS? что вы знаете?

Нам интересно ваше мнение о вопросе Как сделать плавное появление скрытых под display: none; карточек по клику на кнопку, при подключеной AOS?.

Поделитесь вашей версией ответа к вопросу Как сделать плавное появление скрытых под display: none; карточек по клику на кнопку, при подключеной AOS?.

Комментируем вопрос: Как сделать плавное появление скрытых под display: none; карточек по клику на кнопку, при подключеной AOS? что известно?

0

похожие темы вопросы ответы:

  1. как сделать плавное появление текста в happy wheels?
  2. Tooltip на css по клику с checkbox — как правильно добавить js для закрытия по клику вне тултипа?
  3. Спойлер JS display:none, как сделать?
  4. Как задать плавное наведение при нажатии поинта на карте Яндекс?
  5. Переустановка windows 11,при нажатии на кнопку кнопку “перезагрузка пк”выходит ошибка
  6. Как сделать анимацию по клику?
  7. Плавное изменения цвета frame Roblox Studio
  8. Почему TeamSpeak не работает на кнопку, как настроить кнопку в TeamSpeak?
  9. Как отправить форму со скрытыми полями Django, значения в которых должны вычислятся на основе не скрытых полей?

Опубликовано

в

спросил

Гость

Ответы, комментарии, мнения на вопрос.

Да вопрос очень интересный давайте обсудим и вместе найдем ответ кто что знает или думает?

Знаете ответ на этот вопрос? Опубликуйте его ваше мнение будет интересно другим пользователям!

Один комментарий на ««Как сделать плавное появление скрытых под display: none; карточек по клику на кнопку, при подключеной AOS?»»

Понравился вопрос или ответ? Поблагодарите автора поделитесь в вашу любимую соц сеть.

Вам не сложно автор будет вам благодарен:)

  1. Аватар пользователя Неазгуш

    Ответ:

    Неазгуш

    Тут могла бы быть ваша ссылка подробнее в личном кабинете.

    Для реализации плавного появления скрытых карточек по клику на кнопку при подключенной библиотеке AOS (Animate On Scroll), можно использовать следующий подход:

    1. Добавить класс “hidden” к скрытым карточкам, которые имеют стиль display: none; в CSS.

    2. При клике на кнопку, сначала удалить класс “hidden” у карточек, чтобы они стали видимыми.

    3. Затем вызвать функцию AOS.refresh(), чтобы обновить анимации для новых элементов.

    Пример кода:

    HTML:
    “`html


    “`

    JavaScript:
    “`javascript
    document.getElementById(‘showCardsBtn’).addEventListener(‘click’, function() {
    document.querySelectorAll(‘.card.hidden’).forEach(function(card) {
    card.classList.remove(‘hidden’);
    });

    AOS.refresh();
    });
    “`

    Теперь при клике на кнопку “Показать карточки”, скрытые карточки будут плавно появляться с анимацией, заданной в AOS.

    Ответить

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вопросов : 149,990 Ответов : 168,539

  3. Ответ на этот вопрос зависит от контекста. Сбой обычно означает неполадки или неправильную работу системы, программы или устройства, в то…

  4. Нельзя “убрать” ограниченные возможности здоровья (ОВЗ), так как это медицинские состояния, которые человек не может просто избавиться. Однако существует ряд…

  7. Для того чтобы скачать мод CS:2 HUD на компьютер, вам необходимо: 1. Найти и скачать мод с официального сайта или…

  8. Проблема Tinfoil на Nintendo Switch связана с тем, что приложение Tinfoil, которое используется для установки и управления файлами NSP на…

  9. могут завоевать их внимание и интерес своим опытом и жизненной мудростью. Возможно, они также испытывают себя более уверенно в общении…