Ir ao conteúdo
  • Cadastre-se
GuilhermeYuji

RESOLVIDO Menu secundario fixo

Recommended Posts

   Me desculpem se o titulo não ter nada a ver com o topico, mas eu simplesmente não sei o nome disso (malz ae pela noobisse)

   Acontece que estava olhando um site do google (não era esse do link, mas serve como exemplo) e encontrei um que tinha um menu que já havia visto em outros locais também, mas me interessei dessa vez pois ele se encaixaria perfeitamente em um projeto que estou fazendo, então gostaria de saber o nome disso (mais especificamente, desse menu "guias referências amostras suporte") gostaria de saber o "nome" do código utilizado para faze-lo seguir a pagina após determinado momento.

 

https://developers.google.com/analytics/devguides/collection/android/v4/#configurao-do-projeto

 

 

Desde já agradeço.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá

 

não sei se tem alguma nome pra isso, pra mim é simplesmente um menu kkkk

 

código html do menu (f12 no chrome):

Spoiler

<div class="devsite-doc-set-nav-row devsite-full-site-width">
  
  <nav class="devsite-doc-set-nav devsite-nav devsite-overflow-tabs-scroll-wrapper">
    
    <ul class="devsite-doc-set-nav-tab-list devsite-overflow-tabs-scroll" style="min-width: 450px; left: 0px;">
      
      <li class="devsite-doc-set-nav-tab-container">
        
        <a href="https://developers.google.com/analytics/devguides/collection/android/v4/" class="devsite-doc-set-nav-active
        devsite-doc-set-nav-tab gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Tab: Guias">
        Guias
      </a>
      
    </li>

    <li class="devsite-doc-set-nav-tab-container">
     
      <a href="https://developers.google.com/analytics/devguides/collection/android/v4/parameters" class="
      devsite-doc-set-nav-tab gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Tab: Referência">
      Referência
    </a>
    
      </li>

      <li class="devsite-doc-set-nav-tab-container">
       
        <a href="https://developers.google.com/analytics/devguides/collection/android/v4/samples" class="
        devsite-doc-set-nav-tab gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Tab: Amostras">
        Amostras
      </a>
      
    </li>

    <li class="devsite-doc-set-nav-tab-container">
      
      <a href="https://developers.google.com/analytics/devguides/collection/android/v4/help" class="
      devsite-doc-set-nav-tab gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Tab: Suporte">
      Suporte
    </a>

    </li>

    </ul>

    <button type="button" class="devsite-overflow-tabs-scroll-button devsite-top-button material-icons devsite-scroll-forward devsite-hidden"></button>
    <button type="button" class="devsite-overflow-tabs-scroll-button devsite-top-button material-icons devsite-scroll-back devsite-hidden"></button>

</nav>
</div>

 

 

achei um tópico no stackoverflow q me parece ser parecido com o que tu quer:

 

fixar menu no topo da pagina

 

caso queira que o menu sempre esteja no topo, basta usar o seguinte css:

 

position: fixed;
top: 0;
left: 0;
margin-top: 0;
z-index: 9999; 

 

 

Editado por joseRenato
  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×