6 week work 3

Posted lbjiu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了6 week work 3相关的知识,希望对你有一定的参考价值。

sticky vs fixed

sticky:表示粘贴到某个位置。当组件设置了该属性值后,当页面滑动时,组件会跟着页面移动,当组件触及到窗体后,页面若继续滑动,组件则处在与窗体接触的位置不动。元素的定位是根据文档的正常流动,然后相对于其抵消最近的滚动的祖先和包含块(最近的块级的祖先),包括table-related元素,基于的值top, right, bottom,left。 偏移量并不影响其他元素的位置。这个值总是创建一个新的叠加背景。 

fixed:固有的位置。用作悬浮按钮的设计。不管当前页面如何滚动,它的位置始终相对于窗体不变。元素从普通文档流中删除,并没有空间为页面中的元素创建布局。 它是相对于初始定位包含块建立的视窗,除非其祖先之一transform, perspective,或filter属性集之外的东西none,在这种情况下,祖先的行为包含块。 其最终位置的值决定top, right, bottom,left.这个值总是创建一个新的叠加背景。 在打印文档中,元素放置在相同的位置每一页。


以上是关于6 week work 3的主要内容,如果未能解决你的问题,请参考以下文章

6 week work 1

3 week work—Position

3 week work—Grid Layout

如何获取ISO8601定义的Work Week

JS将日期转换成当年的周数(work week)

sixth week:third work