Я пытаюсь сделать липкий нижний колонтитул для своей веб-страницы, я нашел немного CSS, который удерживает нижний колонтитул внизу, но имеет несколько недостатков. 1, если вы продолжаете прокручивать страницу вниз, страница становится все больше и больше (это было совершенно неожиданно, понятия не имею, что вызвало это). 2 он движется вниз со страницей в резком движении, как stop..go..stop..go. Существуют ли какие-либо настройки или другой код, который может позволить плавно движущемуся липкому нижнему колонтитулу остаться в нижней части страницы?

кстати, этот код был oringaly для статического меню, я просто адаптировал его для липкого нижнего колонтитула

Вот код JavaScript,

<script type="text/javascript">
  // attribute added inline inside tag)

    var staticmenuids=["staticmenu"]

    var staticmenuoffsetY=[]

    function getmenuoffsetY(){
for (var i=0; i<staticmenuids.length; i++){
    var currentmenu=document.getElementById(staticmenuids[i])
 staticmenuoffsetY.push(isNaN(parseInt(currentmenu.style.top))? 0 :   
          parseInt(currentmenu.style.top))
       }
      initstaticmenu()
    }

 function initstaticmenu(){
   var iebody=(document.compatMode &&  
   document.compatMode!="BackCompat")?  
   document.documentElement : document.body
   var topcorner=(window.pageYOffset)? window.pageYOffset : iebody.scrollTop
   for (var i=0; i<staticmenuids.length; i++)
         document.getElementById(staticmenuids[i]).style.top=topcorner+staticmenuoffsetY[i]+"px");

       setTimeout("initstaticmenu()", 5)
    }

   if (window.addEventListener)
      window.addEventListener("load", getmenuoffsetY, false)
   else if (window.attachEvent)
      window.attachEvent("onload", getmenuoffsetY)
 </script>

CSS:

.wireframemenu{
width: 99%;
height:60px;
position: absolute;
}


html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

Теперь липкий нижний колонтитул:

<div id="staticmenu" class="wireframemenu" style="top: 520px;">
</div>