2010-12-23 102 views
4

这个问题是一个总noob的人,但我无法区分正常页脚和粘性页脚之间的区别。什么是粘性页脚?

+2

在什么情况下?你在哪里阅读关于'粘脚'的内容?我可以随机猜测,即使内容比''更长,'粘'也可能意味着'在窗口底部',但这取决于。我不妨问你 - “正常手臂和手臂是否有区别?”_上下文很重要。 – Phrogz 2010-12-23 16:21:43

+1

我正在阅读有关他们在css-tricks.com。我想问的是,如果在普通人和粘性人之间没有区别,那我们为什么要使用它?像手臂比喻,虽然! – 2010-12-23 16:30:12

回答

1

我假设一个棘手的页脚停留在同一个地方在屏幕上所有的时间。在什么情况下?

2

我猜一个棘手的页脚是一个保持固定到页面的底部,与内容无关的长度。像this

+0

做得很好链接 – BenWells 2010-12-23 16:29:32

1

粘滞页脚锚固到浏览器视口的底部,而不是整个页面的底部。当页面滚动时,它保持相对于浏览器底部的位置。

1

粘页脚始终保持在一个固定的位置在屏幕上,无论您滚动或not.It将是可见的,在特定的地方所有的时间。

0

此CSS粘页脚代码将网站页脚推到浏览器窗口的底部。它是有效的CSS和HTML,没有恶意的黑客攻击,所以它适用于所有主流浏览器(即使是现在不存在的IE5和IE6)。

 How to use the CSS Sticky Footer on your website, 

添加CSS以下行到你的样式表。 .wrapper中边距的负值与.footer和.push的高度相同。负边距应始终等于页脚的整个高度(包括可能添加的任何填充或边框)。 请按照此HTML结构。没有内容可以超出.wrapper和.footer div标签,除非它完全使用CSS定位。在.push div中也应该没有内容,因为它是一个隐藏的元素,可以“向下”压入页脚,因此它不会与任何内容重叠。

0

CSS Tricks

粘页脚的目的是,它“粘”到浏览器窗口的底部。但并非总是如此,如果页面上有足够的内容来降低页脚,它仍然会这样做。但是,如果页面上的内容很短,粘滞的页脚仍然会挂在浏览器窗口的底部。

Sticky Footer