CSS位置的拾取高度：粘性

我已经使一个元素具有粘性，但是我没有定义元素应该保持粘性的区域。当前区域不是由我拾取的，而是在我应用“位置：粘滞”时自动定义的。显然，我想要完全控制我的粘滞元素用作活动区域的空间，并且我想要精确地选择元素在滚动期间必须停止的位置

元素使用了大约50%的空间来保持粘性

以下是有问题的url：

我的灵感来自谷歌营销平台的销售页面。在这里，您可以看到我试图复制的相同行为：

也许我在这里遗漏了什么。。。非常感谢你的帮助

我通读了一遍，但没有找到这个问题的正确答案，因此出现了新的思路

以下是我在WP child theme style.CSS文件中添加的自定义CSS：

.stickyimage{
    width:100%;
  background:orangered;
  height:0px;
  font-size:24px;
  color:#fff;
  text-align:center;
  line-height:60px;
  /*following codes is for sticky */
  position:sticky;
  top:0; /* it's up to you */
}

body {
    direction: ltr;
    color: #a1a1a1;
    background-color: #FFFFFF;
    line-height: 24px;
    background-repeat: repeat;
    background-attachment: fixed;
    overflow-x: visible;
    overflow-y: visible;
    background-position: 0 0;
    letter-spacing: 0.01em;
    word-spacing: 0.01em;
}

---

如果您仍在努力解决此问题，我检查了您的网页，可能发现了问题

问题在于

#sidebar

的父容器，其

位置：relative

导致意外行为

要修复此问题，您可以覆盖其CSS。要以

#侧边栏

的父

div

为目标，只需执行以下操作：

div > #sidebar {
  position: static;
}

上面的代码以

div

元素为目标，这些元素将

#侧栏

元素作为子元素。您可以将其

位置更改为绝对、相对、粘滞或固定以外的任何位置。更多关于CSS定位的信息


这里的要点是，如果要动态定位元素，请确保其父元素处于静态位置，以避免意外行为。
如果您仍在努力解决此问题，我检查了您的网页，可能发现了问题

问题在于
#sidebar
的父容器，其
位置：relative
导致意外行为

要修复此问题，您可以覆盖其CSS。要以
#侧边栏
的父
div
为目标，只需执行以下操作：

div > #sidebar {
  position: static;
}

上面的代码以
div
元素为目标，这些元素将
#侧栏
元素作为子元素。您可以将其
位置更改为绝对、相对、粘滞或固定以外的任何位置。更多关于CSS定位的信息


这里的要点是，如果要动态定位元素，请确保其父元素处于静态位置，以避免意外行为。
非常好的洞察力！非常感谢：）真棒！非常感谢：）