Footer at the end of the template after scroll

Asked

Viewed 183 times

-2

Hello I would like to organize the pages of a project so that the footer always appears after the page scrolls down.

Footer no meio do template

As you can see, the footer is appearing at the bottom of the template.

I managed to put it down using css as follows:

html,
body,
header,
.view {
  height: 100%;
}

However, when the page extends too far down, the footer is in front of the content.

html css twitter-bootstrap

  • we can’t help you if you don’t post codes.

2 answers

1


does the following:

Imagine q vc has a content and a footer in your project for the content use a div with css

min-height:100vh;

so this div will occupy all screen height and right after the footer will appear when giving the scrool

  • Dude, you solved my problem. Thanks!!

0

Without code details it is difficult to propose solutions, but if I understand correctly, your problem only occurs when you reach the end of the page, with this footer staying ahead of the final piece of content. A quick solution is to add some blank lines (or a DIV with specific height) in the final part of the template to "push" any content over the footer covered area.

Browser other questions tagged html css twitter-bootstrap

You are not signed in. Login or sign up in order to post.