javascript<\/p>\n
JQuery<\/a> tiene un prototipo de funci\u00f3n \u00fatil animado<\/strong> que toma las primeras propiedades finales de CSS<\/a> como primer par\u00e1metro y la velocidad como segundo par\u00e1metro, por ejemplo, "r\u00e1pido", "lento" o el intervalo de tiempo especificado. El tercer par\u00e1metro es una devoluci\u00f3n de llamada opcional despu\u00e9s de que la animaci\u00f3n es acabado.<\/p>\n En mi sitio web personal<\/a>, recientemente redise\u00f1\u00e9 la perspectiva de la p\u00e1gina para que sea completamente f\u00e1cil de usar para dispositivos m\u00f3viles<\/a>. Hay dos enlaces en posiciones fijas de la pantalla, ‘Navegaci\u00f3n’ y ‘Superior’.<\/p>\n El men\u00fa de navegaci\u00f3n se encuentra despu\u00e9s del contenido principal de la p\u00e1gina y, por lo tanto, deber\u00e1 definir un div<\/strong> con, por ejemplo, id=’navegar’. Luego agregue el siguiente c\u00f3digo JQuery .<\/a><\/p>\n Primero necesitar\u00eda definir un ancla con, por ejemplo<\/p>\n Coloque esto justo despu\u00e9s y agregue el siguiente c\u00f3digo JQuery :<\/a><\/p>\n Desplazarse<\/p>\nvar properties = { color: red; };\n$('div').animate(properties, \"fast\", function() {});<\/code><\/pre>\nNavegaci\u00f3n<\/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>\nParte superior<\/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