Em uma página de contato há em respectiva ordem: um banner, mapa e formulário.
Como posso fazer com que, ao carregar a página seja rolado automaticamente para baixo deixando o inicio da mesma a partir do mapa?
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeEm uma página de contato há em respectiva ordem: um banner, mapa e formulário.
Como posso fazer com que, ao carregar a página seja rolado automaticamente para baixo deixando o inicio da mesma a partir do mapa?
No cabeçalho, <head></head>
, adicione entre a tag <script></script>
o seguinte código:
$(document).ready(function() {
window.location.href='#foo';
});
O método ready()
indica que o script dentro da função será executado somente quando a página estiver pronta com todos os elementos carregados.
Dessa forma, não precisa colocar o script no pé da página, além de ser mais seguro.
No local onde deseja que a página pare de rolar, coloque:
<a href="#" id="foo"></a>
um exemplo seria window.scrollTo(0, 10);
como não sei nada sobre o seu código fonte, o que dá p/ responder seria isso.
Dá pra usar o próprio ID da página como referência pra usar como ancora Exemplo: Mas o # é necessário no javaScript window.location.href='#idDaPagina';
Você pode usar uma âncora:
coloque no final da sua pagina este código
<script>
window.location.href='#ancora';
</script>
e agora coloque um campo <a href="#" id="ancora">
em baixo da usa div ou elemento html.