Fixar botão abaixo de tabela dinâmica

05/01/2020

0

Olá pessoal. Preciso de uma ajuda. Quero fazer um formulário que terá uma tabela dinâmica. Abaixo dessa tabela quero ter um botão, mas quero que ele fique numa posição fixa independente da quantidade de linhas que poderá ter na tabela que estará acima dele. Como consigo fazer isso?
Dener Alencar

Dener Alencar

Responder

Posts

12/03/2020

Stella Oliveira

Você deve estar querendo o floating-button como o do link https://material.io/components/buttons-floating-action-button/
Você pode usar o position fixed do seu CSS pra fazer isso

Abaixo eu usei um container com um texto de referencia pra você ver o efeito

<div class="container-grande">
  <p>Texto referencia</p>
  <button class="floating">Botao de acao</button>
</div>


.container-grande {
  background-color: lightgray;
  height: 3000px
}

.floating {
  position: fixed;
  left: 100px;
  top: 50px
}
Responder

12/03/2020

Elena Cruz

Excelente informação Eu acho que existe um bom código lá. Ontem vi como criar um aplicativo para baixar vídeos do YouTube de https://pt.savefrom.net/16-youtube-downloader-app.html
Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar