Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 18
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2012
    Messaggi
    199

    [JQuery] scroll che cambia il css

    Ciao a tutti,

    è un problemino JQuery misto a PHP, ma credo che qui sia la sezione più corretta per parlarne, per cui vi faccio vedere questo codice:

    codice:
    $(document).scroll(function()
    { if($(this).scrollTop() = $("#<?php echo $tbpr_id ?>").offset().top) { 
    $('#<?php echo "p" . $tbpr_id ?>').css({"color":"#FFF"}); } });
    e vi dico che #<?php echo $tbpr_id ?> è l'ID dei vari DIV estratti da sql, e #<?php echo "p" . $tbpr_id ?> è il paragrafo, anch'esso estratto, a cui vorrei far cambiare colore quando raggiungo, con lo scroll della pagina, i div relativi.

    Oltre a correggermi questo codice, che dovrebbe avere qualche falla da qualche parte cisto che non vuole funzionare, vi chiedo anche dove devo posizionarlo, dal momento che i paragrafi sono caricati in un div a sinistra, mentre i div vengono estratti in un div a destra, ma sono due cicli while differenti.

    Grazie in anticipo,

    ciao

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2012
    Messaggi
    199
    provo a fare solo un UP...magari fosse sfuggito a qualcuno!



    Ciao

  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    if($(this).scrollTop() == $("#<?php echo $tbpr_id ?>").offset().top) {
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2012
    Messaggi
    199
    avevo già provato con l'operatore di confronto ==, ma non è quello il problema, ma grazie lo stesso per aver provato ad aiutarmi.

    Ciao

  5. #5
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    L'intero blocco e racchiuso nel onload giusto?
    $(function(){
    ...blocco..
    })
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2012
    Messaggi
    199
    perdona la mia "pivellagine", ma, interpretando (appunto da pivello) la tua domanda, ti posto questo:

    codice:
    $(document).ready(function() { 
    $(document).scroll(function(){ 
    if($(this).scrollTop() == $("#pippodiv").offset().top) { 
    $('#ppippo').css("color","#FFF"); 
    } 
    }); 
    });
    comunque l'ho provato anche senza il $(document).ready, senza risultati.

    è questo quello che chiedevi?

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2012
    Messaggi
    199
    PS: ora lo sto provando con un div e una stringa generici in HTML (senza PHP quindi) per almeno provare lo script, ma neanche così funziona.

  8. #8
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Dovrebbe andare, la console riporta errori? Prova anche cosi
    codice:
    $(function() { 
    $(window).scroll(function(){ 
    if($(this).scrollTop() == $("#pippodiv").offset().top) { 
    $('#ppippo').css("color","#FFF"); 
    } 
    }); 
    });
    se non funziona e non da errori bisognerebbe eseguire un debug della pagina
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  9. #9
    Utente di HTML.it
    Registrato dal
    Sep 2012
    Messaggi
    199
    niente da fare, la console non riporta alcun errore e per il debug...beh, meglio lasciare stare, non vorrei diventare troppo bravo!!!

    Grazie mille per l'aiuto, continuo a smacchinarci sopra, se risolvo lo posto, e se ti venisse (o a chiunque altro) un'altra idea sarò felicissimo di leggervi!!!

    Ciao

  10. #10
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    prova anche cosi:

    codice:
    if($(window).height() + $(this).scrollTop() >= $("#pippodiv").offset().top) { 
    $('#ppippo').css("color","red"); 
    }

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.