Tenho um site one-page que vai seguir o seguinte padrão:
<section id="home"></section>
<section id="empresa"></section>
<section id="mapa"></section>
<section id="contato"></section>
Para fazer a transição de telas, geralmente eu uso o scrollTop
, porém eu tenho que informar a posição de cada section em px
. E não é isso que eu quero.
Tem alguma forma de eu fazer scrollar direto para a id desejada, ou algo do gênero?
O que uso atualmente:
$('.home').click(function () {
$('html, body').stop().animate({
scrollTop: '0'
}, 700);
setHistory('MEUSITE- Home', site + '/home');
});
$('.empresa').click(function () {
$('html, body').stop().animate({
scrollTop: '855px'
}, 700);
setHistory('MEUSITE- Empresa', site + '/empresa');
});