Ciao, cercavo anch'io una cosa come questa e mi è appena venuta in mente.
Quando l'utente scrolla la pagina intercetti il punto con window.scrollTop e se è sopra (cioè è uguale a 0) con jquery fai $("body").prepend("<div style='height: 10%; width: 100%'></div>"); e aggiornando l' onscroll gli dici che se ADESSO diventa 0 ricarica la pagina (con window.location.reload() ) sennò elimina il div (che ricomparirà comunque se risalirà successivamente)
Quindi il codice:
Codice HTML:
<script>
function onscr(){
$(window).scroll(function(){
var scr = this.scrollTop;
if(scr == 0){
$("body").prepend("<div style='height: 10%; width: 100%'></div>");
topped();
}
});
}
function topped(){
$(window).scroll(function(){
var scr = this.scrollTop;
if(scr == 0){
window.location.reload();
}
else if(scr > (window.innerHeight / 10)){
onscr();
}
});
}
</script>
è un esempio buttato giu velocemente, potrebbero esserci degli errori