Ajuda Topo Fixo

[Roger_Spy]

Olá pessoal,

Gostaria de tirar uma dúvida

Estou criando esse site abaixo, site one page com topo fixo. Gostaria de saber, como fazer o conteúdo do site ficar abaixo do menu quando clicar nos botões e fazer o efeito de rolagem, como deixar a altura certa das páginas e o conteúdo não se esconder atrás do topo.

Site
http://duzzdesign.com/nacif/

Editado Setembro 23, 2014 por Roger_Spy

[Sandro2011]

veja se isto ajuda: (rolagesm.js)

$(document).ready(function() {
$('a[href^="#"]').on('click',function (e) {
e.preventDefault (); 
var target = this.hash,
$target = $(target); 
$('html, body').stop().animate ({
'scrollTop': ($target.offset().top + 150)
}, 1000, 'swing', function () {
window.location.hash = target;
});
});
});

mudei a 7a linha. Não sei se vai dar certo

Editado Setembro 24, 2014 por Sandro2011

[Roger_Spy]

Oi, Sandro,

Mudei a linha 7 que você postou e deu certo só alterando o +

'scrollTop': ($target.offset().top - 150)


Obrigado!

[Sandro2011]

Ok! é que tive um problema igualzinho! hehehhe

[Roger_Spy]

Oi,

Coloquei o site no ar para testes e agora percebi que só funciona corretamente no Chrome, Firefox e IE ele da erro. Tanto utilizando o (+) ou (-) na linha 7. O seu funcionou sem problemas?

Link do site:
http://www.drnacif.com.br

Se mais alguém quiser ajudar, o código JS é esse:

$(document).ready(function() {
$('a[href^="#"]').on('click',function (e) {
e.preventDefault ();
var target = this.hash,
$target = $(target);
$('html, body').stop().animate ({
'scrollTop': ($target.offset().top - 150)
}, 1000, 'swing', function () {
window.location.hash = target;
});
});
});

[Rodrigo Grechi]

Olá pessoal,

Comecei a engatinhar agora em desenvolvimento web e estou com o mesmo problema. Implementei o código dos colegas e funcionou, porem a pagina não fica na posição desejada, após executar o movimento correto ela volta a cobrir o conteúdo, obs: apenas no firefox.

Alterei apenas a linha 7 com a altura desejada.

De principio agradeço os colegas pelo conhecimento compartilhado.

Editado Março 14, 2016 por Rodrigo Grechi
Achei outro problema.