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

    mostrare i div durante lo scrolling verticale [era: jQuery Errore nello script]

    Salve a tutti, so che il titolo può sembrare generico, ma si tratta davvero di una cosa semplice...
    Qual'è l'errore nello script qui sotto? Da quel che penso dovrebbe essere nel posizionamento di "jQuery('.contover').hide();"

    codice:
    jQuery(window).scroll( function(){
        jQuery('.contover').hide();
        jQuery('.contover').each( function(i){
            
            var bottom_of_object = jQuery(this).position().top + $(this).outerHeight();
            var bottom_of_window = jQuery(window).scrollTop() + $(window).height();
            if( bottom_of_window > bottom_of_object ){
                jQuery(this).show(500);
                    }
            }); 
        });
    });
    Vi ringrazio in anticipo per l'aiuto

  2. #2
    Ma è un gioco tipo trova le differenze? No perché se non spieghi cosa vuoi ottenere e qual è l'errore che ti da non è che faciliti la gente ad aiutarti. Mettere un esempio online da vedere corredato da tua spiegazione o per lo meno mostrare anche il codice HTML...

  3. #3
    Quote Originariamente inviata da partime Visualizza il messaggio
    Ma è un gioco tipo trova le differenze? No perché se non spieghi cosa vuoi ottenere e qual è l'errore che ti da non è che faciliti la gente ad aiutarti. Mettere un esempio online da vedere corredato da tua spiegazione o per lo meno mostrare anche il codice HTML...
    Hai ragione, in genere scendo sempre molto nei dettagli, pensavo che stavolta non ci servisse, ma in effetti è un errore mio, scusatemi.

    Iniziamo dal codice HTML della pagina:

    codice:
    <div class="contover">
       <img src="http://www.appleface.net/demo/wp-content/uploads/2013/10/Abbigliamento.png" alt="" />
       <span class="hoverfolio">
          <div class="text">
              <a href="http://www.appleface.net/demo/abbigliamento/">
                 <h9><p>Abbigliamento</p></h9>
              </a>
          </div>
        </span>
    </div>
    
    <!-- si ripete per 14 volte -->
    Lo scopo di questo script, sarebbe quello di assegnare inizialmente l'attributo .hide alla classe .contover, e successivamente, durante lo scrolling verticale, mostrare i div quando essi diventano visibili.

    Se volete vedere cosa intendo, l'esempio è esattamente questo:
    http://www.appleface.net/demo/

    Come vedrete, al caricamento i div assumono l'attributo show uno per uno, ma il mio scopo, come suddetto, è quello di animare ulteriormente le "file" di div allo scrolling.

    Spero di essere stato il più chiaro possibile

  4. #4
    Up please

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.