CODEWITHSUNDEEP
jqueryscrollfooteroffsetsticky
Sam Skirrow
Sam Skirrow

Reputation: 3697

Fixed position footer that moves as page scrolls

I have a single page wordpress website with menu items that scroll down the page. Currently my footer is at the bottom of the page, however I want it to be about 1500px down from the top and as you scroll past it, it sticks to the bottom of the browser window. Can anybody give me some guidance on this one please?

Website is currently held here: Website Link

Thanks, Sam

Upvotes: 0

Views: 2653

Answers (2)

Milind Anantwar
Milind Anantwar

Reputation: 82241

Have you tried adding style top:1500px; and position: fixed to #footer

#footer {
 margin: 150px 0 0 0;
width: 960px;
float: left;
top: 1500px;
position: fixed;
color: white;
}

Upvotes: 1

Simone
Simone

Reputation: 21272

1) Add position: fixed; to #custom_footer;

2) Add a big margin-bottom to #csp3_content.

This works for me:

#custom_footer {
  position: fixed;
  bottom: 0;
}

#csp3_content {
  margin-bottom: 1000px;
}

Upvotes: 1

Related Questions