jquery passar o link depois rolar a pagina

[Claudemir Vaz 0]

Olá bom dia a todos estou com a seguinte duvida tenho uma galeria de eventos com botao ver fotos quero quando clicar no botao ver fotos passe o link e depois role a pagina fiz ai mas ta rolando e não esta abrindo o link passando via URL....

<script type="text/javascript">

$(document).ready(function(e){

$(".btn-verfotos").click(function() {

$('html, body').animate({ scrollTop: 195 }, 'slow');

return false;

})

});

</script>

[William Bruno 1501]

para colocar o link na url use âncora sem o return false; ou então pushState

[Claudemir Vaz 0]

Nao entendi pushState

 

 

Bruno bom dia consegui fazer ele mudar a URL mas não mostra cada evento quando clico

 

<script type="text/javascript">$(function(){$('.btn-verfotos #linke').click(function(e){  e.preventDefault();  $('html, body').animate({ scrollTop: 195 }, 'slow');  window.history.pushState({url: "" + $(this).attr('href') + ""}, $(this).attr('href'), $(this).attr('href'));});});</script>

[William Bruno 1501]

o valor do teu scrollTop tem q depender de cada lugar q a rolagem deve ir, e não ser um numero fixo

[Claudemir Vaz 0]

Como assim não entendi

 

Eu tenho uma tela de visualização de cada evento qro que ao clicar no evento role para o lugar onde coloquei a galeria

[pinceladasdaweb 3]

Por um acaso é isso aqui que você quer fazer?
http://jsfiddle.net/9SDLw/

$('a').click(function(){

    $('html, body').animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 500);
    return false;
});

[Claudemir Vaz 0]

Deixa eu explicar melhor tenho uma pagina que lista meus eventos varios..

 

Cada evento tem um botao ver fotos do evento quando eu clicar nesse botao qro que ele role a página para cima onde tenho a galeria de fotos ai a pessoa pode ver me problema é o seguinte quando ele rola para cima nao passar a url para visuaçizar o outro evento

[William Bruno 1501]

o @pinceladasdaweb, postou um código que faz exatamente o que vc quer.

Qual a sua dúvida ?

[Claudemir Vaz 0]

Cara nao funciona o que ele postou ai

O que eu preciso que ao clicar em um link ele role para o topo do site e carregue as fotos do evento em uma div

[William Bruno 1501]

ahh agora vc explicou direito.

 

então faça a rolagem e mande um ajax para carregar teu evento.

[Claudemir Vaz 0]

To quase conseguindo so preciso passar o valor do codigo do evento para o jquery e nao to conseguinte tem alguma dica

<script type="text/javascript">

$(function() {

$(".btn-verfotos").click(function(e) {

e.preventDefault();

$('html, body').animate({ scrollTop: 195 }, 'slow');

var codigo = $(this).attr('title');

$.ajax({

type: "POST",

data: 'codigo='+codigo+'',

url: 'teste.php',

success: function(data) {

$('#navega').html(data);

}

});

});

});

</script>

[Claudemir Vaz 0]

Deu certo obrigado pela dica..

 

<script type="text/javascript">
jQuery(function() {
jQuery('.btn-verfotos').click(function() {
        $('html, body').animate({ scrollTop: 195 }, 'fast');
retorna_evento($(this).data('pagina'));
e.preventDefault();
    });
});
function retorna_evento(evento) {
$.ajax({
  type: "POST",
  data: 'codigo='+evento+'',
  url: 'teste.php',
  success: function(data) {
  $('#navega').html(data);
}
});   
 
}
</script>