Abrir modal ao rolar a página
Olá Pessoal!
Estou querendo fazer um JS Modal como este https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_modal2&stacked=h para abrir quando o usuário rolar a página para baixo.
O modal já esta pronto! ele está abrindo automaticamente quando carrega a página, mas eu quero que ele abra somente quando o usuário rolar x% da página, por exemplo 50% da página e ele abre.
Gostaria de saber qual é a "função" que faz isso! (se é uma função?)
Meu script que dispara/chama o modal está assim!
<script>
if(typeof(Storage) !== "undefined") {
if (localStorage.popup !== "close"){
$(document).ready(function(){
$("#myModal").modal("show");
localStorage.popup = "close";
$("#myBtn").click(function(){
$("#myModal").modal("hide");
});
});
} else{
}
}
</script>
Eu sou novato nisso, peço desculpas caso não tenha sido claro, caso já exista este tópico peço que me indiquem ele ou então como devo buscar (no Google) sobre como fazer isso, não estou sabendo achar esta solução, ou outra maneira de fazer o que eu estou querendo.
Caso alguém tenha alguma outra solução "mais elegante" só me dizer.
Obrigado!Discussão (3)
Carregando comentários...