Position _ fixed / sticky

fixed(固定定位)spa

相对于视口定位,这意味着即便页面滚动,它也始终保持在同一位置。top,right,bottom和left属性用于定位元素。code

固定元素不会在页面中留下一般位于其中的间隙。文档

sticky(粘性定位table

基于用户滚定动来进行定位的,至关于relative定位 fixed定位的结合体class

当未超过阈值的时候,他的行为就像relative,当超过特定阈值是他的行为就像fixed。top

阈值是left,right,top,bottom(必须制定其一,才能使粘性定位生效,不然其行为与relative相同)tab

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

相关文章
相关标签/搜索