posicionamiento css: fijo y pegajoso

En primer lugar, estos dos posicionamientos fijan un elemento dom en el área visible, pero hay un espacio

Es decir, fixed dejará el flujo del documento, pero stick no.

código superior

.fixTop {
  z-index: 999;
  height:auto;
  position: fixed;
  top: 0;
  left: 0;
  .nav-bar {
    display:block
  }
}

Posicionamiento fijo como este se desliza hacia el medio:

Fijado en la parte superior, pero el estilo ha cambiado. Daga, Sticky no lo hará.

---

.fixTop {
  z-index: 999;
  height:auto;
  position: sticky;
  top: 0;
  left: 0;
  .nav-bar {
    display:block
  }
}

 

 

Todavía está fijo en la parte superior y deslizarse hacia el medio no se separará del flujo del documento.

Cuando un elemento adquiere el atributo position:fixed, obtendrá bfc.Después de que el elemento tenga el atributo bfc, el elemento se puede considerar como un contenedor independiente aislado, y los elementos dentro del contenedor no afectarán a los elementos externos.