Показать сообщение отдельно
  #3 (permalink)  
Старый 04.03.2020, 08:12
Кандидат Javascript-наук
Отправить личное сообщение для samdo Посмотреть профиль Найти все сообщения от samdo
 
Регистрация: 27.05.2017
Сообщений: 105

Сообщение от ksa Посмотреть сообщение
samdo, ты лучше расскажи какой эффект хочешь получить в итоге... А то, может, ты роешь подземный ход на чердак.
Эти элементы - это всплывающие сообщения, которые появляются и через несколько секунд исчезают (присваивается стиль opacity:0). Цель такая, что если появляется одновременно 2 или 3 сообщения, то они не должны наслаиваться друг на друга а распологаться один под другим. Загвоздка в том, что если каждое последующее сообщение появляется тогда, когда у другого уже присвоился opacity: 0, то оно расположено выше чем нужно и в итоге может появиться не слева внизу (position: fixed;left: 20px;bottom:20px), а слева посередине, поэтому и нужна зависимость, что если у первого opacity: 0, то у второго bottom: 20px не меняется, а если он еще не успел перейти в opacity: 0, то расположить второй элемент над ним, т.е. bottom: 40px
Ответить с цитированием