Fixar botão abaixo de tabela dinâmica

HTML

CSS

JavaScript

JSP

05/01/2020

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

Curtidas 0

Respostas

Stella Oliveira

Stella Oliveira

05/01/2020

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
}
GOSTEI 0
Elena Cruz

Elena Cruz

05/01/2020

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
GOSTEI 0
POSTAR