Visualizzazione risultati 1 fino 2 di 2

Discussione: refresh pagina con uno scroll verso il basso

  1. #1
    socialedge non è connesso Utente giovane
    Data registrazione
    24-07-2016
    Residenza
    Aversa
    Messaggi
    60

    Exclamation refresh pagina con uno scroll verso il basso

    salve mi chiedevo se qualcuno potesse darmi una mano con questo script insomma vorrei sapere come aggiornare la pagina facendo uno scroll verso il basso, insomma come succede sulle app come facebook, instagram e icloud. qualcuno gentilmente protrebe darmi anche solo delle dritte ??

  2. #2
    globalchat non è connesso Neofita
    Data registrazione
    15-11-2016
    Messaggi
    5

    Predefinito

    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

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •