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

    Problemi SlideUp e SlideDown

    Salve a tutti...
    Il mio problema è tanto stupido quanto antipatico.
    Ho creato uno script che gestisce un effetto SlideDown al primo click e SlideUp al secondo su di un DIV che inizialmente è nascosto.

    Il sito che contiene il tutto è molto lungo e il DIV che si apre e chiude è proprio nel footer, quindi nella posizione più bassa del sito.

    Ebbene, jquery di funzionare funziona, il DIV si apre, ma devo scrollare la barra laterale destra per leggere il testo: senza quest'operazione, non vedo nulla, si sposta solo la scrollbar, ma la pagina non si muove!!! (spero che mi sono fatto capire).

    E' possibile che automaticamente, aprendo il DIV, io riesca a leggere tutto senza scrollare?
    Purtroppo il sito al momento è in locale.
    Ecco il JQ:
    codice:
    $(function(){
        $(".copyright").hide();
        $("#legal").toggle(function(){
            $(".copyright").slideDown("slow");
            $("#legal").removeClass("open");
            $("#legal").addClass("close");
        }, function hideEtc(){
            $(".copyright").slideUp("slow");
            $("#legal").removeClass("close");
            $("#legal").addClass("open");
        });
    }
    //Le classi Open e Close, mi servono per gestire un'immagine
    Mentre questo è il codice HTML
    codice:
    <div class="container">
        <?php echo $legal;?>
        <br class="clearer" />
        <div class="copyright">Copyright (c) 2012</div>
    </div>
    Qualcuno può aiutarmi? Grazie anticipatamente...

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

    codice:
    $(function(){
        $(".copyright").hide();
        $("#legal").toggle(function(){
            $(".copyright").slideDown("slow");
            $("#legal").removeClass("open");
            $("#legal").addClass("close");
            $('html,body').animate({scrollTop: $(".copyright").offset().top});
        }, function hideEtc(){
            $(".copyright").slideUp("slow");
            $("#legal").removeClass("close");
            $("#legal").addClass("open");
        });
    }

  3. #3
    Utente di HTML.it L'avatar di echoweb
    Registrato dal
    Sep 2008
    Messaggi
    419
    Ciao
    non so se ho capito bene, ma se il tuo problema è che vuoi evitare di scrollare la pagina, puoi usare jquery scroll to quando fai vedere il div.

    esempio
    Codice PHP:
    $.scrollTo('.copyright'800 ); 


    "Non soffocare la tua ispirazione e la tua immaginazione,
    non diventare lo schiavo del tuo modello"

    Vincent van Gogh

  4. #4

    [RISOLTO] Ma grazie...

    Ringrazio entrambi...
    Vindav ha afferrato il problema e l'ha risolto.
    C'è da sistemare il padding per l'animazione, ma comunque va benissimo!
    Grazie

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.