Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,875

    aprire toggle con scroll pagina

    ciao a tutti
    avrei bisogno di sapere se si puo' modificare il mio codice aggiungendo qualcosa per far si che quando l'utente clicca sul link per aprire il testo nascosto utilizzando il "toggle", dovrebbe fare in modo da scrollare in automatico portando il testo nascosto nella parte superiore del monitor.
    Spero di essere stato chiaro

    Questo e' il mio codice attuale:
    codice:
    $(document).ready(function(){
        
        $(".container").hide();
    
        $("h2.trigger").css("cursor","pointer").toggle(function(){
            $(this).addClass("active"); 
            }, function () {
            $(this).removeClass("active");
        });
        
        $("h2.trigger").click(function(){
            $(this).next(".container").slideToggle("slow");
        });
    
    });

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Non mi sembra molto chiaro, prova con un esempio, un disegno, un link
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,875
    ok, intendevo qualcosa tipo questo:

    bit.ly/1qqhu4S

    cliccando su "dettagli" si apre il toggle e scrolla

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Prova a vedere se scrollTop http://api.jquery.com/scrollTop/ fa al caso tuo
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,875
    ok grazie, ci do un'occhiata

  6. #6
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,875
    mmm sto provando in tutti i modi ma forse va in conflitto con il toggle, non vuole proprio salire sopra una volta cliccato.

    In pratica sto prendendo spunto da questo sito:
    http://jsfiddle.net/ChDdE/392/

    Questo e' quello che ho aggiunto:
    Javascript
    codice:
    <script type='text/javascript'>//<![CDATA[ 
    $(function(){
    $('#scroll').click(function() {
        $('html,body').animate({
            scrollTop: $('#test').css('top')
        }, 800, function() {
        });
    });
    });//]]>  
    
    </script>

    nei css ho inserito questo:
    codice:
    #test {
        width: 50px;
        height: 50px;
        top: 0px;
        position:relative;
    }
    Il link, per aprire i dettagli e quindi il toggle con anche lo scrollTop (e credo che l'errore sia qui) lo creo cosi':
    codice:
    <div id="menu"><h2 align="left" class="trigger"><a href="#" id="scroll"><span class="blu-small">Apri Dettagli</span></a></h2><div class="container"><div id="test">
    dove commetto l'errore?

  7. #7
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,875
    per ora ancora non ci sono riuscito qualche consiglio?

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.