码迷,mamicode.com
首页 > 其他好文 > 详细

6 week work 3

时间:2018-10-13 14:40:00      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:app   transform   apple   sticky   文档流   ali   滑动   tick   ros   

sticky vs fixed

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

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

6 week work 3

标签:app   transform   apple   sticky   文档流   ali   滑动   tick   ros   

原文地址:https://www.cnblogs.com/lbjiu/p/9782649.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!