Sixth week blog3

sticky 和 fixed区别

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

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

转载于:https://www.cnblogs.com/hayaasyh/p/9780992.html

Sixth week blog3相关推荐

《The Sixth Sense》(《灵异第六感》)观后
记得在学校的时候看过一部片子<左眼看到鬼>,现在想想那部片子有抄袭<Tht Sixth Sense>的嫌疑.不过抄袭也差得远. 现在真的懒得看港台片了,国内的农村,山村题材的都 ...
每日英语：Electronics Develop A Sixth Sense
Entirely new product categories seem scarce as America's largest gadget show convenes here this week ...
【数学】Sixth Grade Math
描述 In sixth grade, students are presented with different ways to calculate the Least Common Multiple ...
ns3—— sixth.cc 大概理解
sixth.cc 总的来说就是下面这么个结构,目的:node0 要向 node1 发送TCP消息. node 0 node 1 +----------------+ +---------------- ...
项目冲刺 Sixth
Sixth Sprint 1.各个成员今日完成的任务蔡振翼:编写博客谢孟轩:完善了编辑界面,实现续约功能林凯:初步实现注册功能肖志豪:帮助组员吴文清:完善管理员图书录入功能以及图书录入的界面 ...
南邮 OJ 1531 A ? Sixth Grade Math
A ? Sixth Grade Math 时间限制(普通/Java) : 1000 MS/ 3000 MS 运行内存限制 : 65536 KByte 总提交 : 27 ...
NS3 sixth.cc注释
文章目录前言一.sixth.cc 二.运行结果总结前言 NS3 sixth.cc注释最近在学NS3,tutorial的1-4代码注释都有很多帖子,但是5.6缺很少.所以贴一下查找后的代码及注 ...
心灵鸡汤 - sixth (6th)
心灵鸡汤 - sixth (6th) 听涛不见水 - 打一字谜:寿. 生活还是很有意思的,毕竟每天都因为不同的原因想死. 早睡早起身体好,晚睡晚起心情好. 你只知道别人化了妆比你好看,却不知道她们卸了 ...
discern concern fifth sixth
fifth---[fɪfθ] 发音的时候第2个f不发音 sixth---[sɪksθ]第2个s不发音 Feel free to contact with me if you have any conc ...

Sixth week blog3

Sixth week blog3相关推荐

最新文章

热门文章