jquery slideDown em vez de slideAndPush
-
19-08-2019 - |
Pergunta
Eu tenho uma div onde eu clicar em um link para slideDown. Como esperado, faz o que promete no entanto, eu prefiro-a deslizar aberto sem empurrar os outros elementos para baixo também. assim como uma camada por cima das outras camadas. isso é possível?
Solução
É possível, mas não inteiramente simples. Já fiz isso antes aqui (o vídeo do pairo-overs) .
O conceito vai basicamente:
- Definir posição relativa no seu elemento atual (o que você está flutuando, ou seu pai se isso faz mais sentido). Isto pode ser estaticamente definido no seu CSS.
- Criar um novo elemento, estilo que de forma semelhante com as mesmas dimensões e posicioná-lo logo acima da sua elemento atual usando
position:absolute
ez-index:...
- usar slideDown (ou alterar a altura, mais uma vez, dependendo do que faz mais sentido) e deve estar acima do resto do seu conteúdo
Outras dicas
Tente flutuante seus elementos. Se eles estão div é que deve deslizar uns sobre os outros.
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow