Ancora desliza até a div

[JP_xD 0]

Ola pessoal, qual é o script que quando eu clico em um link com uma ancora ao inves de aparecer direto na div com o id a pagina vai deslizando até ele?

[bruno_mosciatti 22]

<a href="#iddadiv">Link</a>

<div id="iddadiv"><p>conteudo da div</p></div>

 

para deslizar de modo suave, você deve utilizar o jQuery animate

[JP_xD 0]

até ai eu sei, eu não to conseguindo fazer ela deslizar

[bruno_mosciatti 22]

até ai eu sei, eu não to conseguindo fazer ela deslizar

 

Como eu já disse, utiliza o jQuery animate

[Eduardo Giullyanny 1]

$('.divClass').animate({top:'-932px', left:'-2373px'});

 

Acredito que assim ajuda a clarear as suas ideias.

E outra, penso que você não precise ser agressivo para conseguir respostas aqui.

[William Bruno 1501]

é este aqui:

 

http://demos.flesler.com/jquery/scrollTo/

 

ou um simples animate em cima do scrollTo da página.

[Eduardo Giullyanny 1]

Tem esse exemplo de boa.: http://ruancarlos.com.br/Blog/scroll-to-scroll-animado-com-jquery/

 

só pesquisar por ai....

[JP_xD 0]

deu certo gente fiz assim com base em um exemplo que achei

 

$('.efeito-desliza').click(function(){
$('html, body').animate({
scrollTop: $( $(this).attr('href') ).offset().top
}, 2500);
return false;

});

[ewersonsv 154]

Eu Sei Que Ja Faz Tempo Que Existe O Post;

Mais Como Eu Estava Pesquisando E Chegou Aqui, Outros Devem Chega :D

RESOLVI COM ESSE CÓDIGO:

$(function() {
  $('a').bind('click',function(event){
    var $anchor = $(this);
    $('html, body').stop().animate({scrollTop: $($anchor.attr('href')).offset().top}, 1000,'swing');
    // Outras Animações
    // linear, swing, jswing, easeInQuad, easeInCubic, easeInQuart, easeInQuint, easeInSine, easeInExpo, easeInCirc, easeInElastic, easeInBack, easeInBounce, easeOutQuad, easeOutCubic, easeOutQuart, easeOutQuint, easeOutSine, easeOutExpo, easeOutCirc, easeOutElastic, easeOutBack, easeOutBounce, easeInOutQuad, easeInOutCubic, easeInOutQuart, easeInOutQuint, easeInOutSine, easeInOutExpo, easeInOutCirc, easeInOutElastic, easeInOutBack, easeInOutBounce
  });
});

Obs.: swing é o deslize...
o link ancora eu usei assim:
 

<a href="#p">PAGE/PARTE DO SITE</a>

<div id="#p"></div>

#p = você bota que quiser importante que no link e o ID esteja igual...

 

Espero ajuda alguémm.....

 

Fuiii

[Jefferson Fabricio 1]

ewersonsv funcinou. muito obrigado