2012-06-26 3 views
0

Я редактировал Sticky Footer script таким образом:JQuery липкий Footer: это происходит от верхней части страницы, а не из нижней части страницы

<script type="text/javascript"> 
    function stickyFooter(){ 
      jQuery("#stickyFooter").css({position: "absolute",top:($(window).scrollTop()+$(window).height()-$("#stickyFooter").height())+"px"}); 
    } 

    function myStickyFooter(){ 
      jQuery("#stickyFooter").css({position: "absolute"}); 
      jQuery("#stickyFooter").animate({ 
      top:($(window).scrollTop()+$(window).height()-$("#stickyFooter").height())+"px" 
      }, 2000, function() { 
      }); 
    } 

    jQuery(function(){ 

     myStickyFooter(); 
     jQuery(window) 
      .scroll(stickyFooter) 
      .resize(stickyFooter); 
    }); 
</script> 

Так, на светлячок он работает нормально; на Chrome или Ie, он работает .. наоборот: stickyFooter появляется сверху вниз. Зачем? Спасибо большое!

+1

Где HTML? http: // jsfiddle может быть еще лучше. – gdoron

+0

Знаете ли вы, что вы можете установить «нижний» как атрибут CSS вместо «сверху»? – Blazemonger

ответ

2

Это работает со всеми браузерами.

РЕШЕНИЕ:

Вам необходимо поставить дополнительную работу, чтобы установить начальную позицию липкого колонтитула window.height(), а затем оживить его до window.height()-($('#footer').height())

Смежные вопросы