Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Architect_Programmer_Code Rede Agrícola»Arquiteto › Design front-end & web › Quadro frontal › Corrigido bug no menu/plugin de topo no Sticky-Kit em angular Corrigir ...
Vista: 14553|Resposta: 1

[Angular] Solução fixa de bugs do menu e plugin de topo no Sticky-Kit em Angular

[Copiar link]
Publicado em 18/10/2018 16:14:55 | | | |
Se você precisa manter certos elementos visíveis enquanto o usuário navega pela página, o Sticky-Kit é uma boa escolha.

É um plugin jQuery de código aberto que pode ajudar você a gerar rapidamente efeitos fixos de página para elementos de página. Frequentemente, ao desenvolver a barra de navegação, você precisa de uma função assim.

Principais características:
Suporte à exibição fixa de múltiplos elementos
Suporta a localização do display do elemento e sua janela de visualização
É muito simples de usar e a biblioteca de turmas é muito pequena

Site Oficial:http://leafo.net/sticky-kit/
GitHub:https://github.com/leafo/sticky-kit

Simples de usar:

Meu Código:



Não está fixo no topo, o template que uso pode ser fixado no topo, achei no começo que estava errado, procurei por muito tempo e encontreistick_in_parent por padrão para o pai mais próximo do elemento fixo，

Vejo que meu elemento pai é app-topbar (uma tag gerada automaticamente pelo Angular), mas o elemento pai do template é div #main-wrapper

Portanto, a modificação é a seguinte:



Pronto!





Anterior:O projeto Angular6 usa scss
Próximo:método insertBefore e como implementar o método insertAfter

Posts Relacionados
Publicado em 18/10/2018 21:44:45 |
Venho pesquisando isso há muito tempo e finalmente encontrei, obrigado
Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.
Mail To:help@itsvse.com