Написание сайта. Как добавить кнопку(popup) в левую часть по середине не зависимо от блоков которые у меня есть
У меня сайт как по блокам. header, основная часть, footer. Если я прописываю код для popup в нем то получается как на фото под цифрой 3. Если прописываю ниже основной части, то есть отдельно вообще, то получается как под цифрой 1. А нужно сделать так чтобы было под цифрой 2. То есть отдельно от Всего блока по центру. Мне надо сбоку сделать такую стрелочку, и когда я на нее нажимаю появляется окно. Это у меня получилось, но как сделать так чтобы эта кнопка была под цифрой 2. Если что под кнопкой я подразумеваю текст "Вызвать всплывающее окно" на фото
Ответы (1 шт):
Автор решения: DiD
→ Ссылка
Для демонстрации нажмите на кнопочку.
document.querySelector('button').addEventListener('click',e=>{
e.target.classList.toggle('position-left');
});body {
height: 200vh;
}
div {
width: 70vw;
height: 70vh;
background: #ccc;
margin-left: 15vw;
margin-top: 15vh;
}
button {
width: 25vw;
height: 30vh;
font-size: 20pt;
}
button.position-left {
position:fixed;
left: 0;
top:50vh;
transform: translate(0, -50%);
box-shadow: 0 0 3px #000;
}<div>
<button>Toggle me</button>
</div>