Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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);}
da forma que faço, ao fazer a pesquisa ele vai para a div que ira aparecer meu resultado, mais sem nenhum efeito
>
Você pode fazer assim (com jQuery):
Identificar a posição do elemento de destino:
var destino = $("#idDoElementoDestino");
var posicao = destino.offset();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>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'));
});Acho que você pode faz isso assim:
location = '#id-do-elemento';
>
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
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
Animar até a posição:
http://stackoverflow.com/questions/16475198/jquery-scrolltop-animation