Preciso editar a ancora do conteudo para uma altura menor do que a do conteudo.
Estou utilizando o js
$(".white-felling").click(function(){
$("html,body").animate({scrollTop:$("#white-felling").offset().top},"500");
return true
})
e ao clicar, sou direcionado ao conteudo:
<section class="text medium-12 medium-centered columns" id="white-felling">
bla bla bla
</div>
Mas tenho um problema, pois utilizo um header com altura fixa, assim, ao utilizar a ancora o conteudo fica oculto.
Como fica:
Como deveria ficar:
jsfindle: http://jsfiddle.net/thallysondias/n4r2ao8n/ Existe alguma forma de manter a função de ancora (com o link a exibir xxx.com#section) e mesmo assim editar a altura para menos pixeis?