Comunidad de diseño web y desarrollo en internet online

Efecto de movimiento scroll al clicar en menú

Citar            
MensajeEscrito el 04 Jun 2016 10:28 am
Hola,

La siguiente web es la típica de scroll, con un menú superior que posiciona la pagina a distintas alturas de dicho scroll:
http://www.tresmetros.chemartin.es/

Mi objetivo es incorporar un efecto de movimiento como el que ocurre al clicar sobre la flechita de la parte inferior de esta página:
https://www.museodelprado.es/

...en definitiva que al hacer clic sobre los enlaces tipo

Código :

<a href="#quees">¿Qué es?</a>
la página se desplace como si estuvieras moviendo el scroll con la ruleta del ratón, en lugar de saltar de repente a la posición final.


Saludos!

Por chemartin

9 de clabLevel



 

chrome
Citar            
MensajeEscrito el 06 Jun 2016 08:07 am

Por conectart

Claber

128 de clabLevel



 

ceo

chrome
Citar            
MensajeEscrito el 08 Jun 2016 10:54 am
Gracias!

No se por qué ese código no me funciona, sin embargo este otro sí:

$(function() {
$('a[href*="#"]:not([href="#"])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});

Fuente: https://css-tricks.com/snippets/jquery/smooth-scrolling/

Por chemartin

9 de clabLevel



 

chrome
Citar            
MensajeEscrito el 27 Nov 2017 09:59 am
20171127 leilei3915
kate spade bags
coach outlet online
ugg outlet
michael kors outlet clearance
mbt shoes
michael kors outlet clearance
ugg boots
uggs outlet
oakley sunglasses wholesale
canada goose
ray-ban sunglasses
canada goose
uggs outlet
canada goose outlet
fred perry polo shirts
canada goose jackets canada
ralph lauren
michael kors outlet store
kate spade handbags
coach outlet
fred perry
ugg,uggs,uggs canada
polo ralph lauren outlet
cheap uggs
canada goose outlet store
ugg outlet
ugg outlet
cheap jordans for sale
ugg boots clearance
canada goose jackets
prada outlet store
ugg outlet online
uggs outlet
cheap nike shoes
tory burch outlet
fred perry outlet
canada goose uk
lacoste polo
canada goose outlet
uggs outlet
michael kors outlet
longchamp outlet store
polo ralph lauren
michael kors outlet
cheap ray ban sunglasses
michael kors outlet online
yeezy boost 350 v2
lacoste outlet
michael kors outlet store
michael kors outlet online
uggs outlet
mont blanc pens for sale
ugg boots
coach outlet online
christian louboutin outlet
fitflops sale clearance
uggs outlet
coach outlet store online
uggs outlet
ugg boots on sale
cheap oakley sunglasses
pandora jewelry
polo ralph lauren factory store
ugg outlet store
canada goose
coach factory outlet
cheap jordans
ralph lauren sale clearance
ugg,uggs,uggs canada
canada goose outlet store
michael kors outlet
uggs outlet
uggs outlet
canada goose
mlb jerseys
ray ban sunglasses
oakley sunglasses wholesale
coach outlet store online
michael kors outlet
polo ralph lauren
coach outlet
ugg boots
ugg outlet
polo ralph lauren
canada goose
nike shoes
canada goose
coach outlet
christian louboutin shoes
canada goose outlet online
ferragamo outlet store
uggs outlet
uggs outlet
canada goose outlet online
canada goose jackets
michael kors outlet clearance
cheap uggs
ralph lauren uk
ugg outlet
fred perry clothing
pandora outlet
polo ralph lauren outlet online
canada goose outlet
michael kors outlet
nike outlet
true religion jeans sale
mlb jerseys
ralph lauren outlet
fred perry polo shirts
ralph lauren
nike outlet store
michael kors outlet online
michael kors outlet online
michael kors handbags clearance
canada goose jackets
polo outlet
oakley sunglasses
uggs outlet
canada goose uk
polo ralph lauren
canada goose jackets
polo ralph lauren sale
coach outlet online
michael kors outlet online
canada goose outlet online
lebron james shoes
cheap ray ban sunglasses
nike outlet store
longchamp handbags
valentino outlet store
michael kors outlet
christian louboutin
polo ralph lauren
vintage nhl jerseys
canada goose outlet store
uggs outlet
canada goose jackets
ray ban pas cher
nike shoes outlet
nike outlet store
ralph lauren shirts
longchamp
air jordan shoes
canada goose jackets
air max 2017
michael kors outlet clearance
adidas outlet online
cheap uggs
pandora charms
canada goose jackets

Por leilei3915

72 de clabLevel



 

firefox

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.