jQuery para crear imágenes
No estoy seguro de cómo llamar al efecto, pero ¿puede alguien indicarme una biblioteca que me ayude a hacer el mismo efecto que este sitio web?
Básicamente, se mueve hacia arriba en la fila hasta la parte superior de la página al hacer clic del ratón. Un fragmento de código, preferiblemente jQuery, puede ayudar a, si no hay tal biblioteca de efectos especializados para él.
No estoy seguro de si necesito iniciar otro tema, pero puede alguien ayudarme con un pequeño fragmento de jQuery para lograr todo ¿efecto de la interfaz de usuario de Makr?
4 answers
Puede animar el scrolltop de la página con jQuery.
$('html, body').animate({
scrollTop: $(".middle").offset().top
}, 2000);
Ver este sitio: http://papermashup.com/jquery-page-scrolling /
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-11-08 08:09:51
También puede probar un simple plugin jquery ( AnimateScroll) desarrollado por mí que fue muy apreciado por muchos!
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-09-06 05:06:38
Solo uso:
$('body').animate({ 'scrollTop': '-=-'+<yourValueScroll>+'px' }, 2000);
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-08-19 17:00:05
Hay un plugin de jquery para esto. Desplaza el documento a un elemento específico, para que esté perfectamente en el medio de la ventana. También es compatible con la animación easings para que el efecto de desplazamiento se vería súper suave. Echa un vistazo a AnimatedScroll.js .
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-08-12 21:52:57