Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    Come creare una paginazione a scorrimento infinito come quella di Facebook utilizzando PHP e jQuery

    Ciao ragazzi, sto seguendo questo semplice e chiaro tutorial per realizzare una pagina a scorrimento infinito come quella di facebook, ma non capisco per quale ragione non funziona! Lato php è tutto ok, infatti i primi record vengono estratti dal db e stampati.
    Quando scorro la pagina fino in fondo javascript sembra non recepire l'evento e i record successivi non vengono estratti dal database. Conosco php, ma javascript mi è ancora parecchio ostico.

    Ho provato a fare un semplice debug mettendo un alert dopo il primo if della funzione windowOnScroll nel file index.php ma non viene mai visualizzato. Immagino quindi che il problema sia nella seguente funzione, quella appunto che rileva lo scroll della pagina, ma non capisco cosa ci sia di sbagliato.

    functionwindowOnScroll() {
    $(window).on("scroll", function(e){
    if ($(window).scrollTop() == $(document).height() - $(window).height()){
    if($(".post-item").length < $("#total_count").val()) {
    varlastId = $(".post-item:last").attr("id");
    //getMoreData(lastId);
    }
    }
    });
    }



    Grazie a chiunque abbia le competenze per aiutarmi.

  2. #2
    Moderatore di Javascript L'avatar di ciro78
    Registrato dal
    Sep 2000
    residenza
    Napoli
    Messaggi
    8,514
    ciao,
    hai errori nella console?
    Ciro Marotta - Programmatore JAVA - PHP
    Preferisco un fallimento alle mie condizioni che un successo alle condizioni altrui.


  3. #3
    Quote Originariamente inviata da ciro78 Visualizza il messaggio
    ciao,
    hai errori nella console?
    Ciao Ciro, no, nessun errore. L'ho provato ad aprire con l'ultima versione di Firefox, Chrome, firefox browser developer e Edge e non funziona. Con Opera invece va!!
    Immagino a questo punto che non sia cross browser ... Conoscete qualche script alternativo che funzioni con tutti i browser?

  4. #4
    Utente di HTML.it L'avatar di abellos
    Registrato dal
    Feb 2002
    Messaggi
    431
    Ciao, prova a togliere il commento (i due slash //) davanti a //getMoreData(lastId);

    Se leggi i commenti in fondo alla pagina che hai linkato dicono questo.
    Da un grande potere derivano grandi responsabilità

  5. #5
    Quote Originariamente inviata da abellos Visualizza il messaggio
    Ciao, prova a togliere il commento (i due slash //) davanti a //getMoreData(lastId);

    Se leggi i commenti in fondo alla pagina che hai linkato dicono questo.
    Ciao, grazie per il consiglio. L'avevo fatto, ma niente, non funziona.

  6. #6
    Sono riuscito a risolvere.
    La seguente riga nel file index.php non viene compresa da tutti i browser

    if ($(window).scrollTop() == $(document).height() - $(window).height()){




    L'ho sostituita con questa

    if ((window.innerHeight + Math.round(window.scrollY)) >= document.body.offsetHeight){



    e ora funziona tutto a dovere.
    Se cerchi uno script per fare quanto ho descritto in oggetto sappi che questo, con la dovuta modifica, è senz'altro uno dei migliori!!

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.