zoukankan      html  css  js  c++  java
  • Web第六周作业:position.fixed vs sticky

    Position.fixed vs sticky

    fixed(固定定位)

    元素相对于浏览器窗口是固定的,即使是窗口滚动,元素也是固定的

    sticky(粘性定位

    基于用户滚定动来进行定位的,相当于relative定位 fixed定位的结合体

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

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

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

  • 相关阅读:
    Luogu-P2295 MICE
    Luogu-P2627 修剪草坪
    Loj-10176-最大连续和
    Luogu-P1886 滑动窗口
    Luogu-P3807 【模板】卢卡斯定理
    Luogu-P1879 [USACO06NOV]玉米田Corn Fields
    Luogu-P1896 [SCOI2005]互不侵犯
    Loj-SGU 223-国王
    Luogu-P2657 [SCOI2009]windy数
    素数
  • 原文地址:https://www.cnblogs.com/Styleshah/p/9813705.html
Copyright © 2011-2022 走看看