javascript<\/p>\n
JQuery<\/a> tem um prot\u00f3tipo de fun\u00e7\u00e3o \u00fatil animate que leva as primeiras propriedades<\/strong> CSS<\/a> finais como o primeiro par\u00e2metro, e a velocidade como o segundo par\u00e2metro, por exemplo, "r\u00e1pido", "lento" ou o intervalo de tempo especificado. O terceiro par\u00e2metro \u00e9 um retorno de chamada opcional ap\u00f3s a anima\u00e7\u00e3o ser finalizado.<\/p>\n Recentemente, no meu site pessoal<\/a>, redesenhei a perspectiva da p\u00e1gina para torn\u00e1-la totalmente amig\u00e1vel ao usu\u00e1rio m\u00f3vel<\/a>. H\u00e1 dois links em posi\u00e7\u00f5es fixas da tela, ‘Navigation’ e ‘Top’.<\/p>\n O menu de navega\u00e7\u00e3o \u00e9 colocado ap\u00f3s o conte\u00fado principal da p\u00e1gina e, portanto, voc\u00ea precisaria definir um div<\/strong> com, por exemplo, id=’navigate’. Em seguida, adicione o seguinte c\u00f3digo JQuery .<\/a><\/p>\n Voc\u00ea precisaria primeiro definir uma \u00e2ncora com, por exemplo,<\/p>\n Coloque isso logo ap\u00f3s e adicione o seguinte c\u00f3digo JQuery :<\/a><\/p>\n rolagem<\/p>\nvar properties = { color: red; };\n$('div').animate(properties, \"fast\", function() {});<\/code><\/pre>\nNavega\u00e7\u00e3o<\/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>\nTopo<\/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