Scroll

[rafa2098 1]

Boa tarde pessoal,

 

Gostaria de saber qual a melhor forma de fazer uma pesquisa no Banco de dados e ao retornar a pesquisar executar um script scroll para descer a pagina ate a div que esta meu resultado.

tenho um script montado mais tentei de varias formas fazer o scroll e não consegui..

se alguem tiver alguma dica :D

 

 

html

<form action="#procurar" method="POST" enctype="multipart/form-date">  

<div class="form-group">
    <label for="exampleInputEmail1">Bairro</label>
    <input type="text" class="form-control" id="exampleInputEmail1" name="bairro" placeholder="Digite seu bairro">


  </div> 

</form>     

php

if(isset($_POST['procurar'])){



$con = mysql_connect($servidor,$usuario,$senha);
mysql_select_db($banco,$con) or die (mysql_error());

$sql = mysql_query("SELECT * FROM teste WHERE bairro LIKE '%$bairroP%' OR nome LIKE '%$bairroP%'");

// QUERY PARA SELECIONAR TODOS OS CAMPOS DA TABELA USUARIOS SE $BAIRRO CONTIVER NA COLUNA

$dataPesquisa = date('d/m/Y h:i');

$count = mysql_num_rows($sql);
// CONTA QUANTOS REGISTROS ENCONTRADOS COM A NOSSA ESPECIFICAÇÃO









}

da forma que faço, ao fazer a pesquisa ele vai para a div que ira aparecer meu resultado, mais sem nenhum efeito

[Anderson Danilo 43]

Você pode fazer assim (com jQuery):

 

Identificar a posição do elemento de destino:

http://stackoverflow.com/questions/683339/how-do-i-find-the-absolute-position-of-an-element-using-jquery

 

var destino = $("#idDoElementoDestino");
var posicao = destino.offset();

 

Animar até a posição:

http://stackoverflow.com/questions/16475198/jquery-scrolltop-animation

 

var body = $("html, body");
body.animate({scrollTop:posicao.top}, '500');

[rafa2098 1]

 

Você pode fazer assim (com jQuery):

 

Identificar a posição do elemento de destino:

http://stackoverflow.com/questions/683339/how-do-i-find-the-absolute-position-of-an-element-using-jquery

var destino = $("#idDoElementoDestino");
var posicao = destino.offset();

Animar até a posição:

http://stackoverflow.com/questions/16475198/jquery-scrolltop-animation

var body = $("html, body");
body.animate({scrollTop:posicao.top}, '500');

opa, so nao intendi muito bem, coloquei isso entre um script dentro do head mais não funcionou, para funcionar preciso fazer alguma alteração nesse meu script? deixe assim

<script>
var destino = $("#procurar");
var posicao = destino.offset();

var body = $("html, body");
body.animate({scrollTop:posicao.top}, '500');
</script>

[Anderson Danilo 43]

Você pode criar uma função para fazer isso, teste no link abaixo:

http://jsfiddle.net/nxh8dpj1/1/

 

 

function scrollToElement(destino) {
    var posicao = destino.offset();
    var body = $("html, body");
    body.animate({scrollTop:posicao.top}, '500');
}

 

Se você quer fazer ao carregar a página, chame a função no onload do documento:

 

$(document).ready(function() {
    scrollToElement($('#elemento20'));
});

[ExtremsX 58]

Acho que você pode faz isso assim:

location = '#id-do-elemento';

[rafa2098 1]

 

Acho que você pode faz isso assim:

location = '#id-do-elemento';

so que dessa forma não tem aquele efeito suave, eu ja estou apontando a #div no meu action, so queria que ao descer fosse com efeito