 |
 Usuario: Ingresar | Tecnologia aplicada a weblogs, wordpress,plantillas y photoshop. Recursos para Blog y Web |
| Dirección URL | http://blogandweb.com Registrado:1279015380 |
Compartir:
|
|
Enviar a email | Scroll suave con jQuery en JavascriptjQueryusabilidad | Por Francisco el 05-Jul-2010 | Las anclas o enlaces dentro de una misma página para posicionar al usuario en una ubicación especifica suele ser bastante útiles, pero el efecto de situarlos de forma instantánea que tienen los navegadores, los hace menos conscientes de como llego ahí. Una forma sencilla de solucionarlo y mejorar con ello la experiencia del usuario es con jQuery: Solución sencillaEn el header de la página se agrega el script que hará el efecto: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#arriba').click(function(){ //Id del elemento cliqueable
$('html, body').animate({scrollTop:0}, 'slow');
return false;
});
});
</script>
Y el enlace que envía al usuario arriba es: <a href='#' id='arriba'>Volver arriba ↑</a>
Solución completaUna solución más completa y personalizada se consigue con plugins como: - Smooth-scroll.
- ScrollTo.
- jQuery.ScrollTo.
Los plugins son más robustos, así que valen la pena solo si hace mucho uso de anclas en una página y estas son claves en la navegación. Recordar que usar estas soluciones con jQuey se justifican si la librería se usa en la solución de otros problemas, de otro modo, una solución basada en javascript "puro" sería más viable.
Leído 12 veces

|
|
 |
 | Blog And Web | Blogueros | Tecnologia aplicada a weblogs, wordpress,plantillas y photoshop. Blog and Web Recursos para Blog y Web |
| Scroll suave con jQuery | | Las anclas o enlaces dentro de una misma página para posicionar al usuario en una ubicación especifica suele ser bastante útiles, pero el efecto de situarlos de forma instantánea que tienen los navegadores, los hace menos conscientes de como llego ahí.
Una forma sencilla de solucionarlo y mejorar con ello la experiencia del usuario es [...] [..] Leer nota completa |  | Publicado 05-Jul-2010 por Francisco en JavascriptjQueryusabilidad Leído 12 veces. Más resultados en  |
|
 | Desde Algún Lugar De Buenos Aires | Buenos Aires | Un blog sobre la aventura diaria de ser mujer, laburante, artista, estudiante, internetadicta, madre de familia... y vivir en una ciudad como Buenos Aires. Y bueh, no es fácil ser yo! Desde algun lugar de Buenos Aires |
 | Maestro De La Computacion | Colombia | Blog dedicado a compartir conocimiento referente al mundo de la informática, tratando siempre de enseñar y hacer de la informática algo sencillo de entender
Maestro De La Computacion Informatica al alcance de todos |
| Truco con el Scroll del Mouse | | Hoy quiero compartirles otro pequeño truco que tal vez algunos de ustedes ya conozcan, pero para aquellos que no espero que les sea de mucha utilidad. El truco hace referencia al Scroll del mouse que por lo general lo usamos para subir o bajar la pagina en nuestro PC, pero hay una funcion que me parece muy util al momento de navegar en Internet, especialmente cuando usamos la navegacion por pestañ [..] Leer nota completa |  | Publicado 04-Aug-2010 por Maestro en CuriosidadesTrucosHardwareInternetMouse Leído 8 veces. Más resultados en  |
|
 | Almacenplantillasweb Blog | madrid | Blog sobre recursos de diseño y desarrollo web AlmacenPlantillasWeb Diseño, accesibilidad, usabilidad, posicionamiento y optimización web |
| Ejemplos de páginas web con scroll horizontal | | Habitualmente el uso del scroll horizontal en un diseño web se ha considerado una mala práctica en términos de usabilidad de un sitio web (sobre esto ya escribió Jakob Nielsen en "Scrolling and Scrollbars"). En la actualidad está surgiendo la tendencia en diseño web de utilizar el desplazamiento horizontal para determinados tipos de diseño web. En este post incluimos 35 diseños web donde se ha res [..] Leer nota completa |  | Publicado 27-Mar-2011 por jlopezto en diseño webinspiraciónusabilidad Leído 2 veces. Más resultados en  |
|
 | Ignomanía: Una Nueva Forma De Pensar | Buenos Aires | Aventuras y desventuras de tres personalidades bizarras, un programador, un gourmet y un abogado incendian tu mente con palabras y hacen desastres en este blog. Ignomanía: Una nueva forma de pensar |
| Criminal suave | | Michael Jackson, el amigo Máicol, hizo un buen día un tema llamado Smooth Criminal.
Primero que nada, te dejo el original: [..] Leer nota completa |  | Publicado 31-Dec-1969 por Al en General Leído 4 veces. Más resultados en  |
|
 | En Berlin | Berlín | Un español que reside en Berlín cuenta cosas de la ciudad de Alemania y sus vicisitudes en la aclimatación y el aprendiyaje del idioma alemán En Berlin |
| La música, suave por favor | | El ser humano acostumbra ser muy masoquista, le dicen que fumar le perjudica la vida, pero no deja de fumar, le dicen que beber en exceso se carga el hígado y todo lo que sigue, le dicen que comer mucho, comer poco, comer un exceso de,.. le dicen que tomar mucho el sol es perjudicial, le dicen que no dormir los suficiente, le dicen que leer con poca luz puede perjudicar su vista, que escuchar ruid [..] Leer nota completa |  | Publicado 09-Jul-2008 por Carles Codina Calm en artistas Leído 23 veces. Más resultados en  |
|
 | Astromono | Panamá | El único blog sabrosawwwn en la web con lo más actual y atorrante en video juegos, comics, cine y la cultura geek que tanto amas, 100% en español! Astromono | El Blog Sabrosawwwn! Bienvenido al feed oficial del único Blog Sabrosawwwn en las Interñetz! Diviértete! |
 | Astromono | Panamá | El único blog sabrosawwwn en la web con lo más actual y atorrante en video juegos, comics, cine y la cultura geek que tanto amas, 100% en español! Astromono|El Blog Sabrosawwwn! |
 | Opinion Femenina | USA | Sitio con novedades sobre maquillaje, ejercicios, dietas, famosas, cuidados de piel y videos Opinion Femenina Mi blog personal con un poco de lo que me gusta... |
| Pasos Maquillaje de Dia, Suave y Natural | | Hola chicas, hoy aprenderemos como hacernos un maquillaje de dia, muy rapido ideal para hacerlo cuando estas de prisa y necesitas salir.
Este es un video de Sandra en el Canaldeellas en YouTube, en el podremos ver los pasos para un maquillaje natural muy rapido para hacer solo necesitaras sombras de ... [..] Leer nota completa |  | Publicado 15-Apr-2010 por Opinion en General Leído 10 veces. Más resultados en  |
|
 | Opinion Femenina | USA | Sitio con novedades sobre maquillaje, ejercicios, dietas, famosas, cuidados de piel y videos Opinion Femenina Mi blog personal con un poco de lo que me gusta... |
| Maquillaje Ahumado Suave en Grises | | Hola chicas, uno de los colores que mas me gustan son los grises ya que son notorios sin ser demasiado dramaticos, hoy aprenderemos como hacernos un maquillaje de ojos en lindos tonos grises al estilo ahumado.
Este es un video de Eva en su canal de LaColoropata en YouTube y nos ... [..] Leer nota completa |  | Publicado 04-May-2010 por Opinion en General Leído 12 veces. Más resultados en  |
|
 | Blogs De Guatemala | Guatemala | Blogs de Guatemala | Directorio de Blogs, donde los guatemaltecos escriben.
Noticias, información, clima, deportes, poesía, opinión, información Blogs de Guatemala Así se escribe en Guatemala. Directorio de Blogs Guatemaltecos |
| No hay dictadura suave ni democracia dura | | NO HAY DICTADURA SUAVE NI DEMOCRACIA DURA
Por Darío Morán
El leer los comentarios que amablemente mis lectores han expresado al artículo sobre Jorge Ubico Castañeda me ha hecho compartirles algunos puntos de vista.
Entre otros :el manifestar que las dictaduras deberían ser cosa del pasado y sin embargo en algunos países aún persisten. En Guatemala las hubo [...]SHARETHIS.addEntry({ title: "No hay [..] Leer nota completa |  | Publicado 19-Aug-2008 por Blogs de en artistas Leído 13 veces. Más resultados en  |
|
 | Astromono | Panamá | El único blog sabrosawwwn en la web con lo más actual y atorrante en video juegos, comics, cine y la cultura geek que tanto amas, 100% en español! Astromono | El Blog Sabrosawwwn! Bienvenido al feed oficial del único Blog Sabrosawwwn en las Interñetz! Diviértete! |
| Requerimientos de PC para Dawn of War II Van Suave a la Guerra | Relic ha publicado las especificaciones mínimas y recomendadas para poder disfrutar Warhammer 40K: Dawn of War II en tu PC. Nada del otro mundo aquí, pero… podrá tu computadora jugarlo?
Requerimientos Mínimos
Sistema Operativo: Windows XP SP2 o Windows Vista SP1
Procesador: P4 3.2 GHz (single core) o cualquier procesador Dual Core
RAM: 1 GB (XP), 1.5 GB [...] [..] Leer nota completa |  | Publicado 22-Jan-2009 por AstroLander en Leído 9 veces. Más resultados en  |
|
|
Advertencia YAAQUI.COM no verifica la veracidad de la información publicada y no se responsabiliza
por el uso que se le de a la infomación del contenido publicado en los feeds y weblogs independientes.
Las opiniones vertidas en este sitio no necesariamente son nuestras. Nos reservamos el derecho de
remover cualqueir material que consideremos inconveniente.
|
|
| |