Нижний колонтитул с фиксированной позицией, который перемещается при прокрутке страницы

У меня есть одностраничный веб-сайт WordPress с элементами меню, которые прокручиваются вниз по странице. В настоящее время мой нижний колонтитул находится внизу страницы, однако я хочу, чтобы он был примерно на 1500 пикселей ниже верхнего края, и когда вы прокручиваете его, он прилипает к нижней части окна браузера. Может ли кто-нибудь дать мне несколько советов по этому поводу, пожалуйста?

Веб-сайт в настоящее время находится здесь: Ссылка на веб-сайт

Спасибо, Сэм


scroll jquery offset footer sticky
person Sam Skirrow    schedule 30.10.2012    source источник

Ответы (2)


arrow_upward
1
arrow_downward

1) Добавить position: fixed; к #custom_footer;

2) Добавьте большую margin-bottom к #csp3_content.

Это работает для меня:

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

#csp3_content {
  margin-bottom: 1000px;
}
person Simone    schedule 30.10.2012
comment
О, извините, я забыл, что оставил резервную страницу открытой. Вы должны увидеть фактический сайт сейчас .... извините - person Sam Skirrow; 30.10.2012
comment
Ну логика та же. В основном вам нужно использовать position: fixed; вместо position: relative - person Simone; 30.10.2012
comment
Спасибо, Симона. Это работает для перемещения нижнего колонтитула в одну статическую позицию на странице. Но я хочу, чтобы, когда я прокручиваю его, он прилипал к нижней части окна браузера. - person Sam Skirrow; 30.10.2012
comment
О, хорошо, вам нужен JavaScript для этого. Попробуйте путевые точки jQuery, работает очень хорошо - person Simone; 30.10.2012

arrow_upward
1
arrow_downward

Вы пытались добавить стиль top:1500px; и position: fixed к #footer?

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