让页面底部浮动起来固定起来_html/css_WEB-ITnose
程序员文章站
2022-05-12 15:20:40
...
??
1、获取屏幕高度,
2、获取页面高度。
3、判断两者之间的的大小。当页面高度大于屏幕高度时就不添加浮动到底布的样式。否则就添加。不去判断是否滚动屏幕。
获取屏幕高度$(window).height();$(document).height();
浮动到底布:
.footer{
position:fixed;
width:100%;
display:block;
bottom:0;
}
推荐阅读
-
html5实现图片转圈的动画效果——让页面动起来
-
让页面底部浮动起来固定起来_html/css_WEB-ITnose
-
Javascript实现图片轮播:(一)让图片跳动起来!-吴统威的博客_html/css_WEB-ITnose
-
css 元素移动的时候怎么让超出部分隐藏起来_html/css_WEB-ITnose
-
让页面元素浮动位置不变:sticky-elements_html/css_WEB-ITnose
-
CSS让footer保持在页面底部_html/css_WEB-ITnose
-
Sticky Footer (让页脚永远停靠在页面底部,而不是根据绝对位置)_html/css_WEB-ITnose
-
让页面底部浮动起来固定起来_html/css_WEB-ITnose
-
footer固定在页面底部的若干种方法_html/css_WEB-ITnose
-
为什么div不能在页面右侧隐藏起来啊 而是下面有个移动框_html/css_WEB-ITnose