Div deslizante no meio da página.

luisrcs
(usa Linux Mint)

Enviado em 16/01/2017 - 10:22h

Tenho três div's: cabeçalho, corpo e rodapé. Quero que o cabeçalho e o rodapé fiquem fixos (isso eu já consegui), enquanto que o corpo possa rolar na tela, mas como a página é dinâmica, o conteúdo do corpo muda de tamanho, então não posso definir um tamanho para ele.

Já coloquei overflow-y auto, mas só funciona se determinar o tamanho. Se eu determinar o tamanho, dependendo da tela, o conteúdo não vai até o limite do rodapé.

Alguma sugestão? Agradeço.

luisrcs
(usa Linux Mint)

Enviado em 16/01/2017 - 12:18h

Resolvi fazendo a captura do tamanho da tela do browser com a função $(window).height() do JQuery. É só retirar o tamanho do cabeçalho e do rodapé do resultado:

var h = $(window).height()-(largura do cabeçalho e do rodapé)

E colocar o valor para a largura do conteúdo. Assim quando mudar de dispositivo, a largura da div central irá mudar também e juntamente com ela, o scroll de rolagem.

Zero0
(usa Ubuntu)

Enviado em 16/01/2017 - 21:15h

Você já resolveu?

http://1carinhanormal.blogspot.com.br/
Não comece nada, e não haverá nada.

luisrcs
(usa Linux Mint)

Enviado em 19/01/2017 - 21:03h

Sim, no post anterior postei a solução.