尽管使用了Webkit，但粘性位置不适用于Safari

编程问答 2022-08-14

问题描述

我正在尝试使侧边栏类对我们的网页更具粘性：https://www.amorhandmade.com/collections/one-only-dog-collars在chrome上可以正常工作，但在Safari上则不能工作。

这是我的CSS代码：

.sidebar {
  background-color: white;
  position: -webkit-sticky; 
  position: sticky;
  top: 3rem;
  align-self: flex-start; 
  z-index:100;
}

解决方法

我喜欢在设计样式时使用此网站，以更好地了解使用不同选择器和浏览器的潜在问题。

https://caniuse.com/

htmlsticky