Maison  >  Article  >  interface Web  >  让页面底部浮动起来固定起来_html/css_WEB-ITnose

让页面底部浮动起来固定起来_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 11:50:561572parcourir

??

1、获取屏幕高度,

2、获取页面高度。

3、判断两者之间的的大小。当页面高度大于屏幕高度时就不添加浮动到底布的样式。否则就添加。不去判断是否滚动屏幕。

获取屏幕高度$(window).height();$(document).height();

浮动到底布:

.footer{

position:fixed;

width:100%;

display:block;

bottom:0;

}

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn