sticky 相关问题

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

在我的网站页面之一上，我有两个 div，“.page-biography-section-right-sub-section-left”和“.page-biography-section-right-sub-section-right”，包含在父 div 中 &

javascript html jquery css sticky

回答 1 投票 0

定义“高度”时，“位置：粘性”不起作用

我正在构建一个登陆页面，用户首先会看到一个主区域，其下方有页脚。进一步向下滚动可以发现页脚是粘性页眉，我的目标是使用纯 CSS 来实现

html css flexbox css-position sticky

回答 4 投票 0

位置：粘性在弹性行中的表现不符合预期

我有一个非常基本的维基布局，带有导航栏和文章内容。我希望导航栏在滚动文章内容时保持粘性，因此我相应地添加了 css 属性。基本上...

html css flexbox position sticky

回答 1 投票 0

除非我滚动，否则侧面菜单栏（粘性）会溢出

我正在构建一个带有 MainLayout 组件的 React 应用程序，该组件使用实用程序类（例如 Tailwind CSS）为所有页面设置一致的填充。这是我的 MainLayout 代码：从“reac...

javascript reactjs layout tailwind-css sticky

回答 1 投票 0

相对定位内容位于粘性定位标题之上

看看下面的代码片段。标头看看下面的代码片段。 <div class="container"> <div class="header" style="position:sticky;top:0"> Header </div> <div class="content" style="position:static"> Page content ... </div> </div> 向下滚动页面时，内容位于标题下方。一切都按预期进行。但是，如果我将“内容”div 定位更改为相对，则内容在滚动页面时开始越过粘性标题。为什么会出现这种情况？有没有不使用 z-index 的解决方案？根据堆叠顺序，当 div.relative 的堆叠顺序高于 div.sticky 时会出现此问题（在 html 中，div.sticky 出现在 div.relative 之前）。没有 z-index 就没有解决方案。您可以访问https://www.udemynote.com/notion/16d15d47-52e7-8095-9d40-dcdeea64c0af查看详情

css position css-position sticky

回答 1 投票 0

将博客文章固定/粘到 WordPress 页面顶部（不是主页）

我可以使用编辑页面工具粘贴我的博客文章，但它只会粘贴到主页，这是我不想要的。有没有办法让帖子始终位于除

wordpress post sticky

回答 2 投票 0

使元素具有粘性，直到达到剩余容器高度的特定量

如何将元素定义为仅当元素的剩余高度大于特定大小（我将其称为粘性容器边距）时才表现得像粘性元素？例如，...

html css sticky

回答 1 投票 0

当元素宽度增加时，位置粘性不适用于水平滚动

我试图使用position:sticky来防止元素滚动到left:0以上。在某些情况下，这工作得很好，但我注意到，如果元素宽度增加，它就会停止工作。例如...