绝对定位的div不会滚动；当其他内容滚动时，它会固定在屏幕上

文章/答案/技术大牛

发布

1回答

javascript、jquery、html、css

我试图让我的id为"slider_“的输入范围滑块在小屏幕滚动时保持不变(当表格内容被滚动条溢出时)，这样它就应该和其他内容一起滚动，尽管它只是固定在屏幕上，并最终退出它的父div。我试着将滑块嵌套在另一个div中，在两个div上

浏览 28提问于2019-07-22得票数 0

回答已采纳

2回答

响应式设计中的定位

css、scroll、responsive-design、css-position

在移动版本中，我必须确定徽标的位置，但不能让它与滚动上的内容重叠。基本上固定位置，但不固定卷轴上的图像，这能实现吗？

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

回答已采纳

2回答

需要在绝对定位的div中使用固定定位的div

javascript、html、css、snap.js

我使用的是Snap.js插件--(它允许你创建滚动的侧边抽屉/面板)。目前，我只是将固定

浏览 1提问于2013-06-10得票数 11

回答已采纳

2回答

如何使DIV填充页面，而不使用“立场:绝对；”？

css、layout、html

我希望在主内容中使用jQuery UI选项卡小部件，并在其周围加上边框，因此div必须填充页眉和页脚之间的所有空间，还希望内容在需要时展开，从屏幕底部展开，并显示一个滚动条，以便向下滚动并查看它。实际上，我希望内容div的最小高度是页眉和页脚之间的距离，但允许它扩展。方法，如果我不想在我的主要内容周围设置边框的话，它

浏览 6提问于2013-01-22得票数 2

3回答

当滚动条存在时，绝对div移位

css、html、absolute

我对我的页面的整个内容有一个问题。对我来说，这是一个糟糕的错误，但我只是想要一个简单的方法来解决

浏览 1提问于2011-03-29得票数 2

回答已采纳

3回答

停止绝对定位div以在相对父级内移动。

javascript、jquery、html、css、css-position

一个是absolutely定位并位于顶部。第二个div是它们容器的底部。它们都位于具有position: relative的容器中。如果用户水平滚动，而不是垂直滚动，那么绝对定位的div也会滚动。问题是，由于它是绝对定位的，所以当底部滚动时，整个div就会移动。有什么办法可

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

回答已采纳

3回答

如何使div停留在滚动的另一个div的底部

jquery、css、html、scroll

我有一个高达400px的div，里面有滚动的内容。我有另一个包含图像的div，这个div位于父div的底部，使用position:absolute；bottom:0；但当我滚动它时，它会随着内容向上移动父div。我使用jQuery在每次用户滚动父div时将div</e

浏览 0提问于2012-01-21得票数 2

回答已采纳

3回答

相对于滚动区域的位置

css、scroll、position

我想绝对定位一个div在滚动区域的顶部和底部，这样他们就在原地，而我在div内滚动。它们的滚动区有position: relative;集，我想要的div固定在顶部和底部，绝对定位在top: 0;和bottom: 0; 最初，它们按预期的位置放置，但当您滚动时，它们在

浏览 1提问于2015-10-02得票数 3

回答已采纳

1回答

容器的绝对位置是基于主体容器而不是其父容器的

html、css、position

我需要根据<body>容器而不是最近定位的父容器将表容器的位置设置为绝对的。 </div> </div<

浏览 3提问于2015-04-18得票数 1

1回答

将div切换到固定的CSS定位，而不会导致移动上的内容消失。

javascript、html、css、mobile

下面是我想要达到的目标的一个模型：正如您所看到的，最初，站点标题是可见的，但是用户可以向下滚动。当产品图像(黄色)到达页面顶部时，它就会固定在窗口的顶部。我已经尝试过 CSS position fixed和Inative，但每一个都有各自的问题：如果我切换到固定定位，在移动设备(包括iOS和安卓)上滚动是非常平滑的，产品图像完全锁定在</

浏览 0提问于2016-06-03得票数 0

1回答

如何在具有高度和溢出的div底部定位元素:auto

css

这是我的情况，我有一个高度: 400px和overflow:auto的div，当内容超过400px时会滚动。在这个div中，我有两个div。一个正常的，高度未知的；另一个绝对定位的，固定在底部:0px；只要没有滚动条，高度在400px以下，一切都没问题。但是一旦我们有了滚动条，问题就出现了。这就是问题所在，我

浏览 0提问于2009-04-27得票数 1

回答已采纳

3回答

溢出隐藏在宽度和高度为100%的容器上不起作用

html、css

当浏览器调整大小时，我试图让图像填满视口并自动调整大小，唯一的问题是，由于某种原因，我无法让图像不扩展到#wrapper元素之外，即使它已将溢出设置为隐藏，我假设这是因为我使用百分比而不是固定的宽度和高度现在，当我将overflow: hidden;放在body元素上时，它可以工作，但是当你在页面上的任何地方选择文本并向下拖动时，它会向下滚动到图像的底部，这是有问题的，因为我有一个绝对</e

浏览 0提问于2011-09-18得票数 6

回答已采纳

2回答

将分区位置从绝对更改为水平滚动固定

javascript、html、css、horizontal-scrolling

我有一个网站，使用水平滚动插件在水平滚动。那里没问题。我的问题是，我有一个250 of宽的div，100%的高度，从屏幕的右边开始的100 of。当我滚动(水平)时，div向左滚动，最终从屏幕上消失。div的位置设置为绝对值。我想要的是，一旦div

浏览 0提问于2013-07-31得票数 1

回答已采纳

5回答

是否将google places pac-container放入div？

javascript、google-places-api

我使用的是google places自动完成api，当我初始化自动完成元素autocomplete = new google.maps.places.Autocomplete($('#google_places_ac')[0], {})时，它会将.pac-container附加到主体。我有一个可滚动的div，这个内容在其中，所以发生的事情是，.pac-container是绝对定位的</em

浏览 1提问于2014-02-11得票数 19

7回答

android Chrome键盘后面的文本框输入

android、html、google-chrome、mobile

我有以下格式的移动网页：内容-可滚动的绝对定位内容区域有多个输入框。在Android上的Chrome上，点击页面底部的输入框会导致当软键盘弹出时无法看到输入。该页面确实滚动以尝试向上移动框，但不足以使其实际

浏览 17提问于2013-08-07得票数 29

回答已采纳

1回答

将顶部和侧面导航面板设置为固定的，但允许具有内部内容的滚动。

javascript、css、reactjs、user-interface

我试图将导航条、面包屑条、表标题等定位为屏幕上的固定元素，但将内容保持在页面的中心可滚动。当我将大多数元素设置为固定元素时，中心中的内容不会滚动。如果我将导航条设置为固定的，某些元素将滚动，表标题和相关元素将滚动到导航栏后面，而不是固定在屏幕上。我尝试了几个不同的选项，但在

浏览 3提问于2022-09-12得票数 0

2回答

为什么overflow-x: hidden会让我的绝对定位元素变得固定？

html、css

*/ position: relative; height: 100%; border: 1pxsolid red;} background: blue; width: 100%;} <div class='background'

浏览 2提问于2013-02-06得票数 7

回答已采纳

2回答

纳瓦尔

html、css

我的网页上有一个导航栏，我的网页上也有信息。当我删除信息(段落和标题)时，导航栏功能完美。然而，当我把信息放回去时，导航栏根本不起作用。为什么网站会这么做？谢谢。; margin-right: 25px;"><a href="http://www.steamcommunity.com/login/">SIGN IN WITH STEAM</a></h3> <d

浏览 2提问于2016-04-06得票数 0

回答已采纳

1回答

无法使用jqueryui accordian和tab控件定位和填充空间

jquery、jquery-ui、html

我一直在努力定位一些jquery控件，它们完全填满了屏幕上的空白。我正在寻找一个标题，然后在它下面是一个拆分屏幕，左边是accrodian，右边是标签集。我可以定位它们，但不能让它们正确地填充空间，我尝试了绝对定位，但当滚动引入到标签中的内容时，它会让事情看起来更不合适。此外，内容应该只在标签空间中滚动，整个

浏览 0提问于2013-06-28得票数 0

回答已采纳

1回答

如何重现“卷轴捕捉”效果？

javascript、html、css、scroll、locking

在页面向下滚动时，用户到达一个视频元素(页面上有少量这些元素)，当该元素到达屏幕顶部时，需要在离开该元素之前进行一定数量的滚动。由于元素是全视图高度，它创建了一种“锁定”效果，尽管滚动条清楚地显示我仍然在滚动。这种互动是如何实现的？元素的内容，模糊的，视频的，动画的文本都放在一边，一个人如何用100 video和css

浏览 4提问于2017-08-01得票数 2

回答已采纳

点击加载更多