Перемещение нижнего колонтитула, которое исчезает, когда вы достигаете конца

Question

Перемещение нижнего колонтитула, которое исчезает, когда вы достигаете конца

0

ОК, мой босс просто попросил сделать движущийся нижний колонтитул (кроме исходного статического нижнего колонтитула), который перемещается со страницей при прокрутке вниз, а затем исчезает, когда вы достигаете нижней части страницы, я понятия не имею, какие у вас какие-либо предложения?

благодаря

user2806647 24 сен. 2013, в 13:24

Источник

Теги:

javascript

jquery

css

footer

3 ответа

Ещё вопросы

rps · Answer 1 · 2013-09-24T09-19-00.000Z

$(window).scroll(function () {
   if ($(window).scrollTop() + $(window).height() == $(document).height()) 
       $(".footer").css({"display": "none"});
   else if (!$(".footer").is(":visible"))
       $(".footer").css({"display": "block"});
});

.footer {
 position:fixed; height:20px; width:100%;
 background:blue; bottom:0; left:0;  z-index:1;
}

http://jsfiddle.net/4WWhf/1/

Я собираюсь с этим решением спасибо приятель :)

DreamTeK · Answer 2 · 2013-09-24T09-05-00.000Z

Вы действительно должны опубликовать код, чтобы люди могли видеть, чего вы пытаетесь достичь.

Попробуйте использовать фиксированный нижний колонтитул, чтобы заблокировать его на экране.

.Footer {
    position: fixed;
    bottom: 0;
 }

Используйте javascript, чтобы изменить его положение абсолютным, если вы хотите, чтобы он больше не был исправлен. Я не могу показать вам предложения кода, потому что я понятия не имею о вашей конечной цели.

Matthew Riches · Answer 3 · 2013-09-24T08-45-00.000Z

Вы можете установить CSS для размещения нижнего колонтитула в фиксированной позиции:

#footer {
    position:fixed;
    bottom:0px;
    left:0px;
}

Затем используйте jQuery, чтобы определить, когда достигнута нижняя часть страницы.

$(window).scroll(function(){ 
    if($(window).scrollTop() == ($(document).height() - $(window).height())) $("#footer").fadeOut();
})

Если вам нужно учитывать страницы, которые не прокручиваются, вам потребуется дополнительная логика.

Но было бы удобно, если бы вы могли объяснить больше своей конечной цели или даже показать нам?

Я не могу показать вам, что я еще не начал, я просто получил некоторые идеи о том, как это сделать, в любом случае спасибо за вашу помощь