jQuery scroll non funziona | WordPress.org Italia

Risolto blogforum
(@blogforum)

6 anni, 4 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">↓ 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, 4 mesi fa da blogforum.
- Questo topic è stato modificato 6 anni, 4 mesi fa da blogforum.
- Questo topic è stato modificato 6 anni, 4 mesi fa da blogforum.
- Questo topic è stato modificato 6 anni, 4 mesi fa da blogforum.
- Questo topic è stato modificato 6 anni, 4 mesi fa da blogforum.
- Questo topic è stato modificato 6 anni, 4 mesi fa da blogforum.
- Questo topic è stato modificato 6 anni, 4 mesi fa da blogforum.

Stai visualizzando 3 risposte - dal 1 al 3 (di 3 totali)

Moderatore

Cristiano Zanca

(@cristianozanca)

6 anni, 4 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, 4 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, 4 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, 4 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.

Visualizza