I am trying to make an element sticky but overflow-x: hidden !important on the body is preventing from that. Is there a way to achieve that without removing position: sticky and overflow-x: hidden !important;?
https://codepen.io/Dragomir-Alexandru/pen/MWZbqRq

body {
    overflow-x: hidden !important;
}

.flex-container {
    display: flex;
    flex-direction: row;
    position: relative;
}

.sticky-element {
    /* Adjust other styles for your sticky element as needed */
    position: -webkit-sticky;
    top: 0;
    margin: 20px;
}
<div class="flex-container">
   <div class="sticky-element">this is just a test</div>
   <div class="content">
            this is just a test this is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a test            this is just a test this is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a test            this is just a test this is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a test            this is just a test this is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a test            this is just a test this is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a test            this is just a test this is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a test
        </div>
</div>

推荐答案

您的代码中存在两个问题,

  1. 它没有sticky个位置,只有-webkit-sticky个,这是不受支持的.
  2. .sticky-element is not aligned. (See My position: sticky element isn't sticky when using flexbox)

body {
  overflow-x: hidden !important; /* Not a problem */
}

.flex-container {
  display: flex;
  flex-direction: row;
  position: relative;
}

.sticky-element {
  /* Adjust other styles for your sticky element as needed */
  position: -webkit-sticky;
  position: sticky; /* Added */
  top: 0;
  margin: 20px;
  align-self: start; /* Added */
}
<div class="flex-container">
  <div class="sticky-element">this is just a test</div>
  <div class="content">
    this is just a test this is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a test this is just a test this is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a test this is just a test this is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a test this is just a test this is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a test this is just a test this is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a test this is just a test this is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis
    is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a testthis is just a test
  </div>
</div>

Html相关问答推荐

为什么html复选框总是具有只读属性?

如何防止下拉菜单内的Bootstrap列表行包装?

防止SVG边框半径zoom

获得一个css框,以便在页面太小时不再粘在页面的角落.

用于删除页面页眉上的超链接的CSS

小虫?CSS Flexbox间隙应用于两个内联文本块之间,因为它们之间存在绝对定位的元素

CSS中的转换属性是如何工作的?

柔性盒内的物品;t覆盖整个宽度,即使设置为100%

为什么字体大小而不是 colored颜色 属性适用于元素?

如何根据剪辑路径边缘设置文本边距?

Sass 混合动画未正确应用

从 Vue 应用程序的容器元素渲染 HTML

在 CSS 中的 div 中获取文本以环绕其他文本?

将图像高度调整到容器 div 中而不使其高度增加

右对齐 bootstrap 导航项而不是下拉菜单

打开 Bootstrap 模式时无法获得模糊的背景

使用 bootstrap-icons 的未排序图标堆栈

当另一个 div 的高度改变或执行其内容的换行时,将 flex 方向更改为列

水平滚动框不显示所有元素

所有幻灯片上的 Quarto RevealJS 标题