fixed:
元素将从常规文档流中删除,并且不会为页面布局中的元素创建任何空间。它的位置相对于初始位置。它允许框架样式布局。在页式媒体如打印输出中,一个固定元素会出现于第一页的相同位置。这可以用来创建一个“浮动”元素,不管滚动如何,它都停留在相同的位置。
sticky:
元素根据文档的正常流程定位,然后相对于其最近滚动祖先和含块(最近的块级祖先),包括与表相关的元素,偏移量不影响任何其他元素的位置。此值总是创建一个新的堆叠上下文。可以使用参数,是位置跟relative使用参数的效果是一致的,都是相对于static的变化;sticky具有“滚动机制”。sticky定位可以被认为是relative和fixed的混合。粘性定位的元素被视为相对定位,直到它超过指定的阈值,此时它被视为固定的,直到它到达其父母的边界。

2018-10-15 16:30:28