jQuery scroll non funziona

  • Risolto blogforum

    (@blogforum)


    6 anni, 10 mesi fa

    Non so più cosa fare, questo codice mi sembra a posto, l’ho inserito in una pagina di prova, ma non funziona il jQuery, il resto va bene:

    <a href="#ancora">&darr; Salta il testo</a>

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam
    risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus
    ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum
    malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra.

    <a name="ancora"></a>  

<script>
$(document).ready(function()
{
    function ScorriPagina(Posizione, Velocita)
    {
        $("html,body").animate({scrollTop: Posizione}, Velocita, function(){});
        return false;
    }
    $("#ancora").click(function()
    {
    //Lo scroll avverrà per 0 pixel (e cioè posizione da raggiungere) ad una velocità di 1 secondo
        ScorriPagina(0, 1000);
    });
});
</script>
    • Questo topic è stato modificato 6 anni, 10 mesi fa da blogforum.
    • Questo topic è stato modificato 6 anni, 10 mesi fa da blogforum.
    • Questo topic è stato modificato 6 anni, 10 mesi fa da blogforum.
    • Questo topic è stato modificato 6 anni, 10 mesi fa da blogforum.
    • Questo topic è stato modificato 6 anni, 10 mesi fa da blogforum.
    • Questo topic è stato modificato 6 anni, 10 mesi fa da blogforum.
    • Questo topic è stato modificato 6 anni, 10 mesi fa da blogforum.
Stai visualizzando 3 risposte - dal 1 al 3 (di 3 totali)
  • Moderatore Cristiano Zanca

    (@cristianozanca)

    6 anni, 10 mesi fa

    Ciao @blogforum

    come spiegato molto bene da Enea qui:
    http://www.overclokk.net/come-usare-jquery-wordpress-correttamente.html

    per usare codice jQuery in WP è necessario sostituire $ con jQuery per evitare conflitti, prova con questo

    <a name="ancora"></a>  

<script>
jQuery(document).ready(function()
{
    function ScorriPagina(Posizione, Velocita)
    {
        $("html,body").animate({scrollTop: Posizione}, Velocita, function(){});
        return false;
    }
    $("#ancora").click(function()
    {
    //Lo scroll avverrà per 0 pixel (e cioè posizione da raggiungere) ad una velocità di 1 secondo
        ScorriPagina(0, 1000);
    });
});
</script>

    facci sapere

    Chi ha creato la discussione blogforum

    (@blogforum)

    6 anni, 10 mesi fa

    Non funziona lo scroll morbido, ho messo anche questo in functions.php

    //Fa caricare correttamente jQuery
function italystrap_add_jquery() {
    wp_enqueue_script('jquery');
}
add_action('wp_enqueue_scripts', 'italystrap_add_jquery');
    <div id="torna-su"><a href="#torna-su">Torna su</a></div>

<script>
jQuery(document).ready(function()
{
    function ScorriPagina(Posizione, Velocita)
    {
        jQuery("html,body").animate({scrollTop: Posizione}, Velocita, function(){});
        return false;
    }
    jQuery(".torna-su").click(function()
    {
    //Lo scroll avverrà per 0 pixel (e cioè posizione da raggiungere) ad una velocità di 1 secondo
        ScorriPagina(0, 1000);
    });
});
	
</script>
    Chi ha creato la discussione blogforum

    (@blogforum)

    6 anni, 10 mesi fa

    RISOLTO!

    Era un conflitto di id.

    In functions.php

    //Fa caricare correttamente varie librerie, script, jQuery, ecc.
wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

    <div class="torna-su"><a href="#">&uarr; Torna su</a></div>

<script>
jQuery(document).ready(function($)
{
    function ScorriPaginaSopra(Posizione, Velocita)
    {
        $("html,body").animate({scrollTop: Posizione}, Velocita, function(){});
        return false;
    }
    $(".torna-su").click(function()
    {
    //Lo scroll avverrà per 0 pixel (e cioè posizione da raggiungere) ad una velocità di 1 secondo
        ScorriPaginaSopra(0, 1000);
    });
 }); 
</script>
    • Questa risposta è stata modificata 6 anni, 10 mesi fa da blogforum.
Stai visualizzando 3 risposte - dal 1 al 3 (di 3 totali)
  • Il topic ‘jQuery scroll non funziona’ è chiuso a nuove risposte.