0

Необходимо на всю страницу поставить эффект волны (такой как на Материалайзе).

Суть эффект: при клике на странице появляется кружочек, какой увеличивается и плавной исчезает через время.

Суть проблемы: из-за того, что элемент появляется он перекрывает кнопки для клика до тех пока не завершит свою анимацию. В некоторых местах это не удобно.

Варианты решения:
1. Не использовать эту анимацию или частично ограничить область использования;
2. С помощью какого-то способа сделать ее без "плоти", не кликабельной и соответственно, чтобы не перехватывала событие;
3. Ускорить анимацию.

Однако я надеюсь, что есть решение второго варианта.

2
  • Задать ей другой z-индекс, а контент сделать прозрачным?
    – user218976
    27 авг 2018 в 12:27
  • реализовать обработку событий, чтобы при клике по анимационному блоку, перехват шел на кнопках, то есть, определять что в этой области был клик, и делегировать событие для кнопки, и тогда будет работать) Либо менять местоположение кнопок, чтобы не загромождало) 27 авг 2018 в 12:31

1 ответ 1

3

чтобы мышь не реагировала на элемент для визуальных эффектов в css этого элемента можно прописать pointer-events: none;

1
  • Забыл, Спасибо!
    – Node_pro
    27 авг 2018 в 12:44

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.