在网页中,粘性元素是页面的一个元素,它保持在屏幕上的固定位置,使其始终可见。
我想为网站创建一个粘性标题栏,就像本网站(http://www.fizzysoftware.com/)上的粘性标题一样。
我在主页上添加了一个粘性标题,但是粘性标题似乎位于页面上其余内容的后面,所以当我向下滚动页面时,图像和文本位于头部的顶部......
我需要将CSS类应用到position:sticky元素,当它被卡住时。 当我使用最高位置时,我已经得到了这个工作,但我无法弄清楚如何确定这个......
我将固定元素放置到另一个粘性元素上,并希望它覆盖页面上的任何其他元素。看起来很明显,但是... 最好看看 codepen。 我认为这不是正常行为。 在 ch 中测试...
我正在尝试使用 JS 动态调整标题的粘性定位。我怎样才能实现这个目标?
这是我的第一个个人项目,我在使用 JS 动态更改标题上的粘性定位时遇到问题。我想做的就是去掉我在头上设置的粘性定位
如何在不使用 JavaScript 的情况下滚动 200px 后显示粘性按钮?
我的目标是将粘性div最初设置为可见性:隐藏。滚动超过 200 像素后,按钮应显示为可见性:可见。有没有解决方法可以仅通过...来实现此目的
我有一个带有粘性标题(垂直)和前四列粘性(水平)的表格。 我可以使用 tailwind (sticky、left-、top-0 和 z-)来实现这两种方法,但有一个问题除外: ve...
CSS - 粘性 - 即使在使用适当的 z-index 后滚动时,非粘性项目也会覆盖粘性项目
我有一个带有粘性标题(垂直)和前四列粘性(水平)的表格。 我可以使用 tailwind (sticky、left-、top-0 和 z-)来实现这两种方法,但有一个问题除外: ve...
我正在尝试创建一个网页,其中图像在滚动时保持在视口中央。但是,我在 CSS 方面遇到了一些问题。现在,图像正在向下滚动,但是一旦重新滚动......
Mudblazor Datagrid,其中我的标题是固定的,第一列是粘滞左侧,而水平滚动固定标题第一列不固定
使用Mudblazor,在Datagrid中,我的标题是固定的,第一列是粘滞左侧,而水平滚动固定标题第一列标题不固定,并且它也会受到水平影响
我正在尝试在网页上创建一种待办事项列表,它本质上是一个包含任务的大列表,但按日期划分。 为了实现这一目标,我正在考虑创建两个专栏。在左边,我...
滚动页面时,我需要 imageContainer 保持粘性,直到 itemFeatures 框的末尾向下滚动到该框的末尾。 这两个容器都在拇指中。大拇指显示:网格....
我有一个位置粘性的元素,并将 top 属性设置为 30px。我想要它,以便当元素卡住时(可以这么说)它会添加一个卡住类。我知道它可以...
我有一张又长又宽的桌子,里面的宽度:100%;溢出-x:自动;容器,我试图同时实现以下目标: 使标题行粘在视口的顶部边缘; 使...
我的粘性标签粘不住。我已经编辑了 CSS,调整了它并逐行检查了所有代码,但我似乎没有看到问题。所有浏览器都不会显示它,但我不确定什么是禁止的......
... <div className="bg-yellow-200 z-10 "> <div className="flex flex-row h-[1000px] "> <div className="flex flex-col gap-4 w-1/2"> <div className="h-40 w-96 bg-green-200"></div> <div className="h-40 w-96 bg-green-200"></div> <div className="h-40 w-96 bg-green-200"></div> </div> <div className="w-1/2 bg-blue-400 z-50"> <div className="sticky top-0 left-0 right-0 w-40 h-40 bg-red-500 z-50"> <p>sticky</p> </div> </div> </div> </div> 我试图让红色盒子粘在黄色盒子的区域。但可能是我写错了所以它不起作用。请帮我。 谢谢:) 我希望当我向下滚动时红色框粘在顶部,当我滚动经过黄色框区域时红色框将停止粘住 我想要实现的细节 提供的代码可以完成您想要的操作。当您向下滚动时,红色框确实会卡在顶部,而当您滚动经过黄色容器框时,红色框就会松开。我认为您无法注意到这一点,因为您没有足够的滚动区域。所以我在内容周围添加了一个新的div,并给了它更大的高度。 <div className="min-h-[2000px]"> <div className="bg-yellow-200 z-10 "> <div className="flex flex-row h-[1000px] "> <div className="flex flex-col gap-4 w-1/2"> <div className="h-40 w-96 bg-green-200"></div> <div className="h-40 w-96 bg-green-200"></div> <div className="h-40 w-96 bg-green-200"></div> </div> <div className="w-1/2 bg-blue-400 z-50"> <div className="sticky top-0 left-0 right-0 w-40 h-40 bg-red-500 z-50"> <p>sticky</p> </div> </div> </div> </div> </div>
我正在尝试将带有粘性元素的简单代码嵌入到主页或任何页面中。 .card-container { 内边距:20px; 位置:相对; } .scroll-card { 宽度:100%; 身高:...
我想当表格水平滚动时将表格的第一列和第二列固定在左侧。我使用position:sticky来固定柱子,它在普通柱子上工作得很好。不过,我还有我...
我有一个由于其长度而启用了overflow-x 的表。水平滚动时,每行开头的数据会被隐藏,因此我想至少使一个起始列粘住。我试过了