Боковое всплывающее окно

Question

Мне было интересно разместить всплывающее окно, которое появилось в левой нижней части страницы, вроде приложения Cloudflare Flashcard , но в чистом виде JS и HTML.

Это выглядело бы немного примерно так в левом нижнем углу страницы, но это не мешало бы прокрутке и не было бы модальным.

Спасибо, кодирование

Answer 1

Для окна вы можете использовать это css:

.popup {
   position: fixed;
   left: 20px;
   bottom: 20px;
}

И показать / скрыть:

document.querySelector(".popup").style.opacity = 1; // show
document.querySelector(".popup").style.opacity = 0; // hide

Рабочая демонстрация: https://jsfiddle.net/bortao/wq12aju5/