Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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?
>
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 :/
"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 BAIXOComo 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
>
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;
});Obrigado ao luiz14 e o Pita pelas ajudas, moderadores podem fechar o tópico
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.