Jump to content
Bergs

position fixed no Chrome

Recommended Posts

Pessoal estou com um problema com um menu com position fixed no chrome, quando uso a barra de rolagem o position fixed não fixa o top em 0px, ele anda um pouco escondendo a navegação, já percebi que se eu der um overflow-y com hidden na tag <html> ele vai funcionar normalmente, mas não posso fazer isso porque fico sem a barra de rolagem do navegador.  

 

O que posso fazer para solucionar esse problema?  

Share this post


Link to post
Share on other sites
Em 09/07/2017 at 07:15, Kimo Gordinho disse:

Tente usar a posição absoluta.

 

ôpa Kimo, tive que manter o fixed porque o menu tinha que ficar sempre visível, daí removi o min-height 100% dos containers só na versão mobile e funcionou. Obrigado pela dica.

  • +1 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By lezão
      Boa Tarde, pessoal!
      Td bem com vcs?
      Olha eu ai novamente!
      Pesquisei e  fucei e nada, não consegui nada, não de ficar enchendo o saco de vcs, mas qnd a corda aperta, corro aqui para um help.
      Estou com um código que roda perfeitamente, mas qnd eu preciso de um posicionamento, naun vai.
       
      vejam na imagem abaixo para entender?

       
      Vejam que o valor e os outros item abaixo dele, dependendo da quantidade de texto ele fica em um ponto.
      Gostaria que ele ficasse, com muito ou pouco texto na posição da 3ª imagem.
      Será possivel isso ?
       
      meu codigo CSS:
      .banner img { max-width: 100% !important; height: 200px; } .container-cards { flex-wrap: wrap; display: inline-flex; width: 400px; align-items: center; justify-content: center; } .box-container { /*border: 1px solid red;*/ display: flex; background: #fcfcfc; font:80%/1 Arial; font-size: 14px; border-radius: 5px; align-items: center; width: 100%; height: 80px; border: 0px solid #AAAAAA; margin: 5px; background-color: #fcfcfc; -webkit-box-shadow: 1px 3px 5px rgba(250, 242, 242, 0.77); -moz-box-shadow: 1px 3px 5px rgba(250, 242, 242, 0.77); box-shadow: 1px 3px 5px rgba(250, 242, 242, 0.77); } .box-image { width: 20%; align-items: center; display: flex; height: 100%; justify-content: left; border-right: 0px solid #AAAAAA; } .box-container .box-image img { width: 75px; height: 75px; } .box-container .box-content { align-items: left; display: flex; height: 75%; justify-content: left; flex-direction: column; padding: 10px; } .title { margin-bottom: 10px; font-size: 16px font-weight: bold; color: #000; } .description { font:80%/1 Arial; font-size: 14px; color: #8a8686; top: 50px; left: 50px; } Codigo HTML:
      <div class="box-container"> <section class=box-image>&nbsp; <img src="<?php echo $Foto_produto; ?>" style="border-radius:10px" width="250px" height="230px"/> </section> <section class="box-content"> <label class="title"> <div align="left"><b><?php echo strtoupper($Nome_produto); ?></b></div></label> <span class="description"><div align="left"><?php echo $Descricao_produto; ?></div></span> </section> <section class=box-image-2> <label class="title"><div align="center"><b><?php echo($Valor_produto) ?></b></div></label> <span class="description"> <div align="left"><br/> <input type="checkbox" name="sabor" id="evento_value2" value="<?php echo $Valor_produto; ?>"> <input type="hidden" name="vl_sabor" value="<?php echo $Valor_produto; ?>"> <SELECT name="qntdade" width="2"> <option value="1">1</option> <option value="2">2</option> </SELECT> </div></span> </section> </div> Desde ja muito obrigado!
    • By Motta
      Microsoft Edge supera Google Chrome em testes de bateria e velocidade
       
      Estava usando o FF vou tentar o "beirada" :) ...
    • By andy_dcm@yahoo.com.br
      Boa tarde pessoal, 
      Estou começando com a programar e estou com uma dificuldade em um layout. Apos terminado seguindo os testes no Mozilla firefox, e apos abrir no Google Chrome esta tudo fora, os box. 
      Alguem poderia me ajudar ?
      Segue anexo para analise.
      Grato.
       
       


    • By Felipe1
      Estou tentando aplicar um código em um site que contem uma box com um numero que fica variando e dois botões. Preciso de um código que leia o que esta na box e após isso aperte um dos botões.
       
    • By AlexandrePrezzi
      Pessoal estou tentando configurar o Debugger pro Chrome no VSCode ...para um projeto em 'React' e acredito estar fazendo algo errado..
       
      1 ) Instalei a extensão do  Debugger do Chrome ..  
      2 )  Editei o launch.json da seguinte forma
       
      { "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome", "url": "http://localhost:3000", "webRoot": "${workspaceFolder}" }, ] } Porem quando vou rodar  F5  nada acontece ... o Chrome nao abre ....
       
      Alguem teria alguma solução para isso ?
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.