被问到，但没有在这里回答： display: flex;.overflow-box { height: 200px;} position: sticky; background-colorclass="content-wrapper
浏览 35提问于2021-03-02得票数 0
11回答
职位:据说粘性在火狐上工作，但我没有看到我的侧边栏。我的html如下所示： <div class="content">content<div>我的css： height: 2000px;
o
浏览 7提问于2014-12-17得票数 14
回答已采纳
2回答
我有一个已知高度的容器(高度有时比屏幕长)。我希望这个元素总是在屏幕上垂直地以容器的可见部分中的块为中心。我试过的是：
position:sticky; top:50% -不过，这只会将其保持在容器的</em
浏览 2提问于2016-08-07得票数 5
8回答
我被困在这上面一小段时间了，我想分享一下这个position: sticky + flexbox的问题：.flexbox-wrapper { height: 600px;.regular {
浏览 15提问于2017-06-08得票数 209
回答已采纳
根据，Safari和position:sticky在overflow:auto元素中有一个已知的问题：
然而，这正是我需要的用例。我之所以在右边的列上使用position:sticky，是因为我希望用户仍然能够滚动左边的列，光标在</e
浏览 0提问于2018-08-10得票数 23
回答已采纳
我有一个包含文本的元素，其中的文本可以很长。我想隐藏溢出文本，我不希望文本增加元素或其父/祖的大小。在元素CSS中添加以下内容似乎一开始就有效(来自，但高度不是宽度)： min-height: 100%;
图中显示了Chrome (左)和Sa
浏览 1提问于2021-02-10得票数 0
回答已采纳
当有足够的内容溢出时，一切都会完美地工作。拿一个look here。 但是，如果没有，我仍然希望红色的<sticky-guy>元素粘在<scroller>元素的底部。html,output 重要的是要注意:这里的所有高度都是动态的。<scroller>框是窗口的宽度/高度，而<head-content>、<body-c
浏览 25提问于2020-11-08得票数 2
回答已采纳
2回答
我有一个页面，它使用引导带5水平显示大量卡片。第一张卡片用作标题记录，而其他卡片可以水平滚动。一切都很好。我可以使用一些帮助来设置这一点，这样第一张卡总是显示在页面上，而不会滚动。其他牌应在第一张牌后滚动。这里有一个代码示例：
浏览 14提问于2022-03-28得票数 0
回答已采纳
10回答
我正在编写一个位于移动屏幕底部的粘乎乎的通知栏的代码。我希望该条被卡在用户屏幕的底部，直到用户到达该条在代码中的实际位置的滚动位置(这就在页脚之前)。我几乎抄袭了这个页面中的“”示例:我的问题是:在我的页面上，当使用Android或通过调整桌面计算机上的浏览器宽度来模拟移动设备时，这个栏工作得很好。然而，在iOS上</e
浏览 1提问于2019-02-12得票数 21
回答已采纳
这个想法是在一个挠性容器中有块，它的高度将由它内的挠曲项的总数决定。这在Chrome和Safari上运行得很好，因为它自动而正确地计算容器的高度，但在Firefox + IE上却不是这样。: 1; -ms-flex: 1 0 100%
浏览 4提问于2015-10-06得票数 4
1回答
Goal：顶部是粘性导航条，后面是网格，网格的最后一行保持其自然高度，但如果没有足够的内容将其从屏幕上推开，则位于窗口的底部。Problem：让网格达到内容高度的100%是有问题的，这扰乱了我的粘性导航条(至少我认为这就是问题所在)。我的内容来自无头CMS，HTML是通过NextJS生成的。： position: s
浏览 6提问于2022-09-19得票数 0
回答已采纳
1回答
我正在尝试使用Core UI's react模板构建一个react仪表板，找到了。.top-stick { position: -webkit-sticky; overflow-y: auto; <a href="https://coreui.io&
浏览 1提问于2019-02-21得票数 9
回答已采纳
我有一个基本的布局，在这个布局中，我的CSS网格位于一个flex布局中，这样网格就可以占用除页脚之外的所有可用空间。在我的CSS网格布局中，我使用了align-content: space-between;，这样两个项都位于网格的顶部和<
浏览 1提问于2019-01-15得票数 2
对于启用overflow:auto的嵌套flex容器中的粘性元素，我遇到了这个奇怪的问题。我期望粘性元素与第二个元素具有相同的高度，并且在滚动到阈值(top: 0)时，也会粘附在其包含元素的顶部。请注意:这种行为在Chrome/Edge/Firefox中是很好的，但在Safari中则不是这样。
根据这一点，sticky应该在带有前缀-webkit的</e
浏览 2提问于2020-11-11得票数 0
4回答
我对Flex-box有点熟悉，但这个问题让我感到困惑：
标头栏的大小会有所不同，因此解决
浏览 2提问于2020-03-02得票数 1
回答已采纳
请注意，这是一个具体的position: sticky问题--我不是在寻找Javascript解决方案，我认为position: sticky应该根据规范和其他浏览器的行为按需要工作。我需要粘贴一行用于垂直滚动，第一个单元格用于水平滚动。如果我在第一个单元格上使用position: sticky</em
浏览 1提问于2019-03-27得票数 2
1回答
它在Chrome/Firefox上运行得很好，但在Mac或iPhone上的Safari上就不行了。我怎么才能让它起作用？HeaderComponent implements OnInit {
}header.component.html
<div class="sticky-top
浏览 4提问于2019-12-16得票数 1
1回答
所以我把这个大的网格容器放在一个和浏览器大小相同的flex容器里，现在我的问题是这个flex里面有一个导航栏，它只占用屏幕的10个视图高度，然后是我的网格，它总是比flex容器的其他部分占用更多，它会超出屏幕高度即使我将其设置为只有90个视图高度，它
浏览 17提问于2020-11-09得票数 0
当在页面上滚动时，我很难将边栏菜单设置成一个粘稠的位置。根据文档，我的理解是，通过使用属性position: sticky和距离top: 20px, left: 0px, right:0px...etc，它将粘贴元素。然而，这在我的侧边栏中并没有发生，我做错了什么？
正如您在图像中所看到的，它有一个侧边栏，旁边有一个页面。由于它溢出并生成滚动选项的行数，我要做的
浏览 2提问于2022-10-21得票数 0
回答已采纳
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
腾讯云开发者
