sticky 相关问题

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

隐藏图像/背景颜色下方的文本

我有我的徽标(div中的图像),其中这些属性为jade-style =“opacity:1; filter:alpha(opacity = 100); display:block; border-bottom:thick solid#000000; background:rgba( 255,255,255,.8)“......

回答 1 投票 0

当标签粘滞时,在转到另一个标签后不需要隐藏内容

我正在使用材料UI和反应粘性和它的工作好,但我有一个问题。 https://codesandbox.io/s/xv41xzvyp我已经分享了我已经尝试过的东西。重现的步骤转到第一个标签的底部...

回答 1 投票 1

在滚动上弹跳的粘性标题动画

我正在使用来自codrops的On-Scroll Animate Header的修改版本,并且我遇到了一个问题,菜单在靠近顶部的滚动上上下弹跳。这是我修改过的代码:var ...

回答 1 投票 0

如何在Bootstrap 4中保持列固定和右滚动,响应?

我正在使用Angular 4,Bootstrap 4并尝试实现固定的可滚动右div和固定的左div。它应该与Trulia非常相似。 Bootstrap删除了Affix jQuery插件...

回答 1 投票 5

添加未覆盖图像的固定粘性导航栏

我正在尝试创建一个响应式bootstrap粘性导航器,以转到旋转木马上方。然而,导航栏覆盖了图像的最大比例。我如何改变以便它适用于桌面/移动设备,......

回答 2 投票 -2

如何将“position:sticky”应用于flex-layout中的角度材料卡?

我正试图让角质材料卡变得粘稠。问题是它似乎不起作用,我不明白为什么。是因为父组件得到了FxLayout吗?我无法拿到我的卡片......

回答 1 投票 0

如何使用CSS粘贴

我已经创建了一个简单的表,它应该在顶部有一个粘性标题(TR)。但这不起作用。我该如何修复此代码?谢谢 ...

回答 1 投票 0

嵌套的“position:sticky”元素不会粘贴在Safari中,但可以在iframe中使用

我正在使用CSS position:sticky将一些元素粘贴到我的页面上。我正在使用 s to produce a grid-like structure ( s aren't appropriate to my use case). Please note that this is ...

回答 1 投票 0

StickyBits(位置:Sticky Alternative)不会粘在滚动上

我正在尝试使用Stickybits,因为我不能在我的网站上使用Position:sticky。我把一个JSfiddle放在一起,但到目前为止还没有运气。 JSFiddle StickyBits('#stickThis'); Some text here

回答 1 投票 0

是否可以将位置粘性行为局限于特定网格行?

我有一个基本的2列布局:一个用于图像,一个用于文本。由于文本列可能会变得很长,我希望图像能够滚动。我可以轻松地实现这一点......

回答 2 投票 0

如何在RecyclerView中制作粘性标题? (没有外部库)

我想在屏幕顶部修复我的标题视图,如下图所示,而不使用外部库。就我而言,我不想按字母顺序进行。我有两种不同的......

回答 10 投票 96

语义UI粘性模块无法正常工作

我试图让我的菜单栏粘,但由于某种原因它没有做任何事情。正如在Semantic-UI文档中所解释的那样:Sticky内容在传递时会自动附加到视口...

回答 1 投票 3

当div使用显示网格或flex时,Sticky SVG不浮动在div上

我正在尝试使用SVG创建一个粘性菜单。我遇到的问题是菜单后面的div有Display:grid;因此,尽管粘性SVG正在工作,但是显示出一个空白区域(...

回答 1 投票 3

我的粘性标题封面内容具有平滑的滚动效果

我添加了一个粘性标题和一个平滑的滚动效果,我无法弄清楚如何修复位置,因此它与标题大小一致。我尝试过的东西完全禁用了粘性标题。 ...

回答 3 投票 1

粘性位置的多个场景

我在使用粘性位置时遇到了同样的问题。例如1)第一个场景,Sticky位置正在这种情况下工作。 sticky position&...

回答 1 投票 0

侧栏上的Bootstrap粘贴顶部不起作用[重复]

我正在尝试在右侧创建一个粘性边栏。侧边栏菜单位于网格列内。我正在使用这个问题所示的粘性顶级类,但它仍然不起作用。这是代码......&...

回答 1 投票 2

Chrome问题:模糊文字,粘性位置和移动设备

请帮忙!我在移动设备上的粘性div上有模糊的文字。这是css:.sticky-panel {position:sticky; z-index:3;宽度:100%; margin-top:auto;底部:-1px;我尝试了什么......

回答 1 投票 1

为什么保证金用于粘性定位

看到这个例子.container {width:500px;保证金:自动; } .container section h2 {position:sticky;顶部:0;底部:0; padding-top:calc(1em / 6 * 5); padding-bottom:...

回答 2 投票 1

修复了flexbox项目中的元素

我在左侧边栏中有一个固定元素。左侧边栏是flexbox的一个项目。当我申请职位时:固定;固定元素,包含它的flexbox项目折叠和我的固定元素......

回答 1 投票 2

如何正确反映不同级别的标题与位置:粘性?

当用户滚动时,我想要一种优雅的方式在窗口顶部“收集”多级标题,并且位置:粘性使我获得90%的方式。下面的片段就像 我希望的那样......

回答 2 投票 0

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