422得票37回答
“position: sticky;”属性是如何工作的?

我想让导航栏随着用户滚动页面而固定在视口顶部,但它不起作用,我不知道原因。如果您能帮忙,请看我的HTML和CSS代码: .container { min-height: 300vh; } .nav-selections { text-transform: uppercase; ...

260得票9回答
当使用flexbox时,我的sticky元素不再保持粘性定位

我卡在这个问题上一段时间,想和大家分享一下 position: sticky + flexbox 的一个坑: 我的粘性div在被嵌套在flexbox容器中之前是工作正常的,但当它被包裹在一个flexbox父容器中时,突然间就不再粘了。 .flexbox-wrapper { dis...

164得票11回答
如何在RecyclerView中制作粘性标题?(不使用外部库)

我想让我的头部视图像下面图片中的那样固定在屏幕顶部,而且不使用外部库。 在我的情况下,我不想按字母顺序来做。我有两种不同类型的视图(标题和普通)。我只想把最后一个标题固定在顶部。

124得票9回答
粘性侧边栏:向下滚动时停留在底部,向上滚动时停留在顶部

我已经寻找了一段时间来解决我的粘性侧边栏问题。我有一个具体的想法,希望它能够实现;即在向下滚动时,将其固定在底部,当您向上滚动时,立即使其粘附在顶部,以流畅的方式移动(不要跳跃)。我无法找到我想要实现的示例,因此我创建了一张图片来更清楚地说明这一点: 侧边栏位于页眉下方。 向下滚动时,...

83得票17回答
使用CSS强制侧边栏高度为100%(带有粘性底部图像)?

我一直在为解决这个问题而苦苦思索,但感觉可能只是遗漏了很小的一个细节。我已经搜索了网络,但找到的方法都没有用。HTML代码如下:<body> <div id="header"> <div id="bannerleft"> </div...

72得票8回答
如何使用CSS和jQuery实现类似Instagram iPhone应用程序中的粘性标题栏“向上推”的效果

Instagram应用程序具有漂亮的粘性标题,它会将当前的标题推上去,以便新标题顶替它。我在网上找到了一个关于如何在Android上本地实现这一功能的很棒的教程,但我想用JavaScript和CSS来完成它。 我已经成功将我的标题切换为新标题,但是我似乎找不到一种方法来模仿Instagram...

63得票2回答
纯CSS多个堆叠的position sticky元素?

是否可以使用纯CSS在多个粘性元素上方堆叠多个粘性元素?所需行为可在此处查看: https://webthemez.com/demo/sticky-multi-header-scroll/index.html 我想使用纯CSS来实现,而不是JavaScript实现。我已经尝试过多个粘性元素的组...

58得票14回答
position:sticky不起作用

我有以下这段HTML代码:<div class="header"> <div class="desc">Description</div> <div class="logo"><img src=""/></div> &lt...

57得票12回答
当存在背景颜色时,为什么使用“position: sticky”时边框不可见?

position: 'sticky' 在Chrome 56中引入,但在某些情况下会使边框不可见。 考虑以下示例: table { border-collapse: collapse; } thead { position: sticky; top: 0; }...

56得票1回答
粘性会话/会话亲和负载均衡策略的利弊?

高可扩展性的一种方法是使用网络负载均衡来将处理负载分配给多个服务器。 这种方法面临的一个挑战是,当服务器具有状态感知能力时,它们会在“会话”中存储用户状态。 解决这个问题的方法之一是“粘性会话”(也称为“会话亲和力”),其中每个用户被分配到一个单独的服务器,并且他/她的状态数据仅在会话期间...