sticky 相关问题

在网页中,粘性元素是页面的一个元素,它保持在屏幕上的固定位置,使其始终可见。

如何为网站创建粘性标题栏

我想为网站创建一个粘性标题栏,就像本网站(http://www.fizzysoftware.com/)上的粘性标题一样。

回答 5 投票 0

CSS 粘性标题[重复]

我在主页上添加了一个粘性标题,但是粘性标题似乎位于页面上其余内容的后面,所以当我向下滚动页面时,图像和文本位于头部的顶部......

回答 5 投票 0

如何确定 CSS 元素是否粘在顶部或底部?

我需要将CSS类应用到position:sticky元素,当它被卡住时。 当我使用最高位置时,我已经得到了这个工作,但我无法弄清楚如何确定这个......

回答 1 投票 0

如何设置固定元素,放置在置顶元素中,高于相对位置

我将固定元素放置到另一个粘性元素上,并希望它覆盖页面上的任何其他元素。看起来很明显,但是... 最好看看 codepen。 我认为这不是正常行为。 在 ch 中测试...

回答 2 投票 0

全日历活动内容置顶

我正在尝试将全日历中的事件内容设为粘性。当您在日历中滚动时,只要事件不在视图之外,事件的内容就应该可见。 ...

回答 2 投票 0

我正在尝试使用 JS 动态调整标题的粘性定位。我怎样才能实现这个目标?

这是我的第一个个人项目,我在使用 JS 动态更改标题上的粘性定位时遇到问题。我想做的就是去掉我在头上设置的粘性定位

回答 1 投票 0

如何在不使用 JavaScript 的情况下滚动 200px 后显示粘性按钮?

我的目标是将粘性div最初设置为可见性:隐藏。滚动超过 200 像素后,按钮应显示为可见性:可见。有没有解决方法可以仅通过...来实现此目的

回答 1 投票 0

即使使用适当的 z 索引,滚动时非粘性项目也会覆盖粘性项目

我有一个带有粘性标题(垂直)和前四列粘性(水平)的表格。 我可以使用 tailwind (sticky、left-、top-0 和 z-)来实现这两种方法,但有一个问题除外: ve...

回答 1 投票 0

CSS - 粘性 - 即使在使用适当的 z-index 后滚动时,非粘性项目也会覆盖粘性项目

我有一个带有粘性标题(垂直)和前四列粘性(水平)的表格。 我可以使用 tailwind (sticky、left-、top-0 和 z-)来实现这两种方法,但有一个问题除外: ve...

回答 1 投票 0

滚动时 CSS 粘性图像在视口中居中:初始阶段位置不正确

我正在尝试创建一个网页,其中图像在滚动时保持在视口中央。但是,我在 CSS 方面遇到了一些问题。现在,图像正在向下滚动,但是一旦重新滚动......

回答 1 投票 0

Mudblazor Datagrid,其中我的标题是固定的,第一列是粘滞左侧,而水平滚动固定标题第一列不固定

使用Mudblazor,在Datagrid中,我的标题是固定的,第一列是粘滞左侧,而水平滚动固定标题第一列标题不固定,并且它也会受到水平影响

回答 1 投票 0

使用粘性标题滚动列表

我正在尝试在网页上创建一种待办事项列表,它本质上是一个包含任务的大列表,但按日期划分。 为了实现这一目标,我正在考虑创建两个专栏。在左边,我...

回答 1 投票 0

网格容器中的位置粘性效果不符合预期

滚动页面时,我需要 imageContainer 保持粘性,直到 itemFeatures 框的末尾向下滚动到该框的末尾。 这两个容器都在拇指中。大拇指显示:网格....

回答 1 投票 0

如何找到元素顶部与可查看网页顶部之间的距离

我有一个位置粘性的元素,并将 top 属性设置为 30px。我想要它,以便当元素卡住时(可以这么说)它会添加一个卡住类。我知道它可以...

回答 1 投票 0

如何让元素粘在不同的可滚动容器上以实现不同的滚动方向?

我有一张又长又宽的桌子,里面的宽度:100%;溢出-x:自动;容器,我试图同时实现以下目标: 使标题行粘在视口的顶部边缘; 使...

回答 1 投票 0

粘滞栏我无法追踪的问题。我需要指导

我的粘性标签粘不住。我已经编辑了 CSS,调整了它并逐行检查了所有代码,但我似乎没有看到问题。所有浏览器都不会显示它,但我不确定什么是禁止的......

回答 1 投票 0

为什么我的粘性位置不能正常工作?

... <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>

回答 1 投票 0

粘性CSS在opencart前端不起作用

我正在尝试将带有粘性元素的简单代码嵌入到主页或任何页面中。 .card-container { 内边距:20px; 位置:相对; } .scroll-card { 宽度:100%; 身高:...

回答 1 投票 0

位置:粘性不适用于合并单元格

我想当表格水平滚动时将表格的第一列和第二列固定在左侧。我使用position:sticky来固定柱子,它在普通柱子上工作得很好。不过,我还有我...

回答 1 投票 0

无法将列粘在表格中

我有一个由于其长度而启用了overflow-x 的表。水平滚动时,每行开头的数据会被隐藏,因此我想至少使一个起始列粘住。我试过了

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.