Ir ao conteúdo
  • Cadastre-se

Menu secundario fixo


Ir à solução Resolvido por joseRenato,

Posts recomendados

   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.

Link para o comentário
Compartilhar em outros sites

  • Solução

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; 

 

 

  • Curtir 1
Link para o comentário
Compartilhar em outros sites

Visitante
Este tópico está impedido de receber novas respostas.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades 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

×
×
  • Criar novo...

Ebook grátis: Aprenda a ler resistores e capacitores!

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!