javascript<\/p>\n
JQuery<\/a> ha una pratica funzione prototipo animate<\/strong> che prende le prime propriet\u00e0 CSS<\/a> finali come primo parametro e la velocit\u00e0 come secondo parametro, ad esempio "fast", "slow" o l’intervallo di tempo specificato. Il terzo parametro \u00e8 un callback opzionale dopo che l’animazione \u00e8 stata finito.<\/p>\n Nel mio sito Web personale<\/a> ho recentemente riprogettato l’aspetto della pagina per renderlo completamente intuitivo per l’utente mobile<\/a>. Ci sono due collegamenti in posizioni fisse dello schermo, ‘Navigazione’ e ‘In alto’.<\/p>\n Il menu di navigazione si trova dopo il contenuto principale della pagina, quindi \u00e8 necessario definire un div<\/strong> con es. id=’navigate’. Quindi aggiungi il seguente codice JQuery .<\/a><\/p>\n Dovresti prima definire un’ancora con es<\/p>\n Inseriscilo subito dopo e aggiungi il seguente codice JQuery :<\/a><\/p>\n scorrere<\/p>\nvar properties = { color: red; };\n$('div').animate(properties, \"fast\", function() {});<\/code><\/pre>\nNavigazione<\/h3>\n
$(\"a[href='#navigate']\").click(function(){\n\u00a0 \u00a0 $(\"html, body\").stop().animate(\n\u00a0 \u00a0 \u00a0 \u00a0 {scrollTop:$(\"div#navigate\").offset().top}, \"slow\");\n\u00a0 \u00a0 \u00a0 \u00a0 return false;\n\u00a0 \u00a0 })\n});<\/code><\/pre>\nSuperiore<\/h3>\n
<a name='top'><\/a><\/code><\/pre>\n$(\"a[href='#top']\").click(function(){\n\u00a0 \u00a0 $(\"html, body\").stop().animate(\n\u00a0 \u00a0 \u00a0 \u00a0 {scrollTop:0}, \"slow\");\n\u00a0 \u00a0 \u00a0 \u00a0 return false;\n\u00a0 \u00a0 })\n});<\/code><\/pre>\n