If I have one <form>
prepared that appears in "pop-up" mode when I click on it <div>
with the id #popup_help
function openForm() {
document.getElementById('help-pop-up').style.display = "block";
}
#help-pop-up{
display: none;
background: #35393C;
color: #ffffff;
position: absolute;
top: 10vh;
right: 5vh;
}
<div id="popup_help" class="fixed-action-btn">
<a href="#modal1" onclick="openForm()" class="btn-floating red btn-large">
<i class="large material-icons">help</i>
</a>
</div>
<form id="help-pop-up" >
<div id="modal1">
<div class="white-text" >
<h4>¿Tienes Alguna Pregunta?</h4>
<p id="contacto-p">Nos pondremos en contacto contigo</p>
<i class="material-icons prefix">account_circle</i>
<input placeholder="email" id="icon_prefix" type="text" class="validate white-text">
<label for="icon_prefix"></label>
</div>
<div>
<i class="material-icons prefix">phone</i>
<input placeholder="telefono" id="icon_email" type="email" class="validate white-text">
<label for="icon_email"></label>
</div>
</div>
<button class="btn waves-effect waves-light" type="submit" name="action">Enviar
<i class="material-icons right">send</i>
</button>
</form>
Currently with that CSS it appears to me in a fixed place on the page. How can I make it appear on the left wherever you are on the page (that is, it doesn't transport you to the place where it appears but appears "dynamically" on the left always).
Change the css of the modal
#help-pop-up
- position:
absolute
tofixed
- the property
right
toleft
CSS Position