如何定位固定div之后的非固定div？

文章/答案/技术大牛

发布

1回答

html、css

我有一个固定在顶部的菜单div，在菜单div的下面是一个不固定的导航栏。菜单高度是动态的，这意味着它会随着内容的不同而变化。特别是在更改窗口大小时，菜单可能会更改其高度。class="menu"></div> Article </

浏览 22提问于2020-06-27得票数 0

回答已采纳

2回答

在另一个div之上，但应该在后面的div下面滚动。

jquery、html、css

有一个固定位置的div (即div_fixed)。另一个div，即other_content位于div_fixed下面。div停留在固定div上，并希望非固定div消失在其上边缘之下，即非固定div上边缘的位置将保持固定，但它的内容将开始在页面滚动中消失，就像它停留在

浏览 2提问于2013-01-03得票数 0

1回答

固定div之后的Css相对定位div

html、css、tailwind-css

我想要肚脐显示在黄色和绿色的部分，就像它显示在蓝色和红色的部分。nav is visible as desired</div> <div class="h-screen w-full bg-yel

浏览 6提问于2022-01-10得票数 0

回答已采纳

1回答

html/css :修复了与内容div重叠的div

html、css

尝试学习一些html/css，但我在使用固定位置div时遇到了问题。我认为如果你检查我的jsfiddle，你会立即发现我做错了什么，但这里有一个具体的细目：我有两个固定位置的div，.menu和.menu-2。我希望我的.middle分区位于这些分区的下面，但是目前它位于固定位置的分区之下。除了使用绝对定位之外，我还有其他选择吗？我最终将需要在我的.l

浏览 2提问于2011-10-28得票数 0

回答已采纳

4回答

如何使元素相对于其父元素具有固定位置，而不是整个屏幕？

css

我遇到的情况是，当用户向下滚动时，侧边栏的一部分会得到固定的位置，但是当我捕捉到这个位置并将固定的css应用到侧边栏元素时，它会固定到整个屏幕，而不仅仅是父级(这是侧边栏) 我如何正确地设置它？

浏览 2提问于2012-07-11得票数 7

回答已采纳

3回答

CSS: position:修复在Windows Phone上不起作用的问题

c#、html、css、windows-phone-8、windows-phone

我正在尝试为Windows phone8开发一个基于web的应用程序。我有一个带有两个position:fixed样式的div的网页。如果我在Windows Phone上打开Internet Explorer应用程序并导航到我的网页，固定元素将完美显示。但是，当我在本机应用程序的WebBrowser WP8控件中查看网页时，position:fixed样式被完全忽略。我还注意到，我的所有css转换也只能在完整的Internet Exp

浏览 1提问于2014-03-31得票数 4

2回答

使用jQuery ui可排序将项排序到固定容器中

javascript、jquery、jquery-ui、jquery-ui-sortable、fixed

我的可分类列表有问题。我有两个容器，里面都有可排序的列表。两个集装箱中的一个有固定位置。虽然我可以将一个项目从固定的容器移动到另一个，但我不能将一个项目从非固定的容器移动到固定的容器。connectWith: $('ul'),}); position:fixed;

浏览 2提问于2013-08-02得票数 1

回答已采纳

1回答

为什么有位置的元素:固定移动与非定位的兄弟姐妹？

html、css、css-position

关于S.O.有很多问题涉及如何修复这个问题(添加top: 0)，但是没有一个问题试图真正解释标题运动背后的原因。我更好奇为什么会这样。margin-top: 90px; //moves header down.列出类似的问题，但没有理由：似乎有理由认为，固定的标题粘在浏览器窗口的顶部，不应该移动，因为另一个非定位的、非子的、非父的div

浏览 5提问于2016-07-31得票数 23

回答已采纳

2回答

固定div定位

css、mobile

我希望页眉和页脚是固定的，如果有溢出的内容可滚动。现在我的css是： top: 0; height: 8%; position: fixed;有没有办法让它们保持固定，而不是让它们在输入文本时被推高？

浏览 2提问于2013-08-01得票数 0

1回答

在一定数量的滚动之后，使用jquery向元素添加类

javascript、jquery、css

在使用jquery从页面底部到达200 an之后，如何将类添加到具有固定位置的元素中？这是我的到顶页按钮，我希望它在它的200 be后，在页尾之前被修改到页脚。固定位置是从右边到地面的50 is。if (pageheight - 200px) {} else { $(div1).removeClass("top-position

浏览 0提问于2019-11-27得票数 1

回答已采纳

1回答

HTML5:固定位置效应

html、position、fixed

我有<div id="naujienos">some content</div>，你可以在页面中间找到它。我想要的是:这个div在我滚动之后就会变成固定位置。当我向后滚动到顶部时，它又是相对的。我的意思是，这个div容器有固定位置的间隔。对不起我的英语。真诚的寻找答案，谢谢您的提前！

浏览 2提问于2014-01-16得票数 0

回答已采纳

1回答

位置堆叠上下文:固定伪元素

css、cross-browser、background-image、css-position、z-index

我试图通过中描述的代码来实现固定的背景图像，但是使用的是多个背景图像，而不仅仅是一个。，除了链接在post中的示例仅使用单个固定位置部分外。我不知道为什么Safari在没有Chrome触发的堆叠上下文的情况下工作。对于堆叠上下文，有一个很好的答案，但我不确定它如何与固定位置元素、伪元素和显式设置z-索引一起工作。编辑:最初的jsfiddle显示了如何在浏览器之间

浏览 2提问于2015-08-18得票数 1

回答已采纳

3回答

如何在flex布局中使用位置固定？

html、css、flexbox

我有一个有两列的flexbox布局。你怎么能这样做呢？看一下下面的代码：#parent {} flex-grow: 1;#left div { backgroundtop: 0; height: 100vh;#right { background: r

浏览 2提问于2016-12-31得票数 13

回答已采纳

2回答

如果对话框的父节点有固定位置，则覆盖div隐藏jQuery模态对话框

jquery、html、dialog、overlay、positioning

我的jQuery对话框之一是在具有固定位置(页脚)的div中定义的。不幸的是，在带有固定位置的div中呈现的任何对话框都被覆盖div覆盖，尽管要打开的模态对话框得到了比覆盖本身更大的z索引。为了演示这个问题，我简化了以下HTML代码，显示了非固定位置div内的对话框与固定位置

浏览 2提问于2011-04-14得票数 2

回答已采纳

1回答

制作位置固定降低文件高度吗？

html、css

这里我有一个div，它的位置应该是固定的，在之后。在该div的位置之前的是绝对。我试了一下，发现在我的屏幕上，固定位置实际上是减少文档，而在另一个屏幕上则不是。谢谢

浏览 6提问于2012-10-18得票数 1

回答已采纳

1回答

将非固定div放置在固定div之上？

html、css、z-index

是否有一种方法来定位一个非固定的div，它在固定的div之上滚动页面？我试过z索引但那不起作用。固定的div内部有一个基于父包装器宽度百分比的布局。下面是我的代码和花招。我想要的红色盒子是固定在下面的蓝色盒子，卷轴。HTML <

浏览 6提问于2020-01-26得票数 1

回答已采纳

2回答

将DIVs放置在同一位置，切换它们

css、html、positioning

我需要两个DIVs放置在完全相同的位置，并切换它们。当一个div消失时，另一个div会出现。我将使用jQuery toggle()来完成这项工作。问题是这两个DIVs应该是页面流的一部分，并以完全相同的方式定位。我将如何实现这一点？因此，有一些以前的div，它占据了一定的位置，具有相对定位和非固定大小(取决于窗口度量)。</div</em

浏览 0提问于2013-01-08得票数 0

回答已采纳

1回答

当滚动单元底部到达母单元末端时停止jQuery固定位置滚动

javascript、jquery、html、css

我使用下面的jQuery (由James回答)在用户滚动250 of之后开始固定位置滚动，以便元素保持固定到浏览器顶部。).scroll(function(){}); 问:此外，当滚动固定位置元素的底部到达父div元素的末尾时，我希望停止固定位置滚动。这样可以防止固定位<

浏览 3提问于2014-03-07得票数 3

回答已采纳

1回答

固定定位div不尊重相对定位父？

jquery、html、css、bootstrap-4、css-position

希望有人能看到我在这里缺少的东西，我有两个相对定位的div，其中有定位的子元素。我已经设置了它，以便当我滚动页面时，两个div被固定到浏览器顶部，下面的代码如下：//Code to make sub-nav and cart scroll with the page</div> <div class="col-sm-3&

浏览 2提问于2018-09-27得票数 0

回答已采纳

5回答

Chrome:当父级是固定的时，无法将一个绝对div放在另一个上

html、css、google-chrome、z-index

我发现在Chrome中，当我想放在最上面的div的父目录是固定的时，我不能将一个绝对定位的div放在另一个上面： <div id="top"></div><div id="bottom"&g

浏览 2提问于2012-12-10得票数 6

回答已采纳

点击加载更多