JQuery – Come animare lo scorrimento verso l’alto e lo scorrimento verso un Div?

javascript

JQuery ha una pratica funzione prototipo animate che prende le prime proprietà CSS finali come primo parametro e la velocità come secondo parametro, ad esempio "fast", "slow" o l’intervallo di tempo specificato. Il terzo parametro è un callback opzionale dopo che l’animazione è stata finito.

var properties = { color: red; };
$('div').animate(properties, "fast", function() {});

Nel mio sito Web personale ho recentemente riprogettato l’aspetto della pagina per renderlo completamente intuitivo per l’utente mobile. Ci sono due collegamenti in posizioni fisse dello schermo, ‘Navigazione’ e ‘In alto’.

Navigazione

Il menu di navigazione si trova dopo il contenuto principale della pagina, quindi è necessario definire un div con es. id=’navigate’. Quindi aggiungi il seguente codice JQuery .

$("a[href='#navigate']").click(function(){
    $("html, body").stop().animate(
        {scrollTop:$("div#navigate").offset().top}, "slow");
        return false;
    })
});

Superiore

Dovresti prima definire un’ancora con es

Inseriscilo subito dopo e aggiungi il seguente codice JQuery :

$("a[href='#top']").click(function(){
    $("html, body").stop().animate(
        {scrollTop:0}, "slow");
        return false;
    })
});

scorrere