Topo por cima da div

[sick 1]

Boa noite amigos desenvolvedores

Estou passando por um dificuldade, ate então besta, mas é uma dificuldade kkk

 

eu tenho um topo que é fixo, dentro desse topo, tem um link que quando é clicado, ele rola ate uma div especifica la no final da pagina, ai surge o problema, quando clico ao chegar até a div, por ser um topo fixo, fica por cima da div, ou seja, ele vai ate a div, mas o topo por ser fixo tampa. o topo tem exatamente 70px, como que eu faço, para ir até a div so que 70px antes, seila algo assim?

conseguiram entender?

 

[luiz14 16]

No css da div que está atrás do topo, coloca z-index: 99 e vê se funciona. O z-index força um elemento a ficar acima do outro.

[sick 1]

2 horas atrás, luiz14 disse:

No css da div que está atrás do topo, coloca z-index: 99 e vê se funciona. O z-index força um elemento a ficar acima do outro.

eu tinha tentado isso tbm, mas ele sobe em cima do topo e mistura tudo, ta dificil :/

[sick 1]

"Solução" que encontrei para contornar isso, mas que coisinha chata isso heim

Se alguem tiver alguma solução menos gambiarra,  postem ae

#nomedadivdestino:before { 
  display: block; 
  content: ""; 
  margin-top: -70px; 
  height: 70px; 
  visibility: hidden; 
}

SOLUÇÃO MELHOR A BAIXO

[Pita 53]

Como que você está fazendo para deslocar até a div?

Talvez assim funcione, precisaria testar

$('#divParaExibir')[0].scrollIntoView(true);//posiciona a div no topo
window.scrollTo(($(window).scrollTop()+70), 0);//Desloca o scroll +70 para tirar de tras do menu fixo

 

[sick 1]

1 hora atrás, Pita disse:

Como que você está fazendo para deslocar até a div?

Talvez assim funcione, precisaria testar

$('#divParaExibir')[0].scrollIntoView(true);//posiciona a div no topo
window.scrollTo(($(window).scrollTop()+70), 0);//Desloca o scroll +70 para tirar de tras do menu fixo

 

 

eu definia diretamente no href="#nomedadiv"; e em baixo uma div com o id

 

mas no final, a correção saiu assim

 

$('.calculotopo').click(function(){
    var headerHeight = 70;

    $('html, body').animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top - headerHeight
    }, 500);
    return false;
});  

 

[sick 1]

Obrigado ao luiz14 e o Pita pelas ajudas, moderadores podem fechar o tópico