HTML的footer置於頁面最底部的方法

footer高度任意+jsrem

fixed-bottom{position:fixed;bottom:0;width:100%;}it

$(function(){io

  $("#footer").removeClass("fixed-bottom");function

  var contentHeight = document.body.scrollHeight,//網頁正文的高度scroll

    winHeight = window.innerHeight;//可視窗口高度co

  if(!(contentHeight > winHeight)){position

    $("#footer").addClass("fixed-bottom")document

  } else{

    $("footer").removeClass("fixed-bottom")

  }

})

相關文章
相關標籤/搜索