滚动时固定/浮动div元素

文章/答案/技术大牛

发布

1回答

jquery、css、ajax、html

我正在尝试了解如何创建一个div元素，该元素将是固定的，或者仅当元素的顶部到达窗口浏览器视图的顶部时才浮动。例如，如果一个元素在页面的中途，当你继续向下滚动时，该元素将保持不动，直到它即将消失，然后它将保持在我的浏览器的顶部(修复)。

浏览 4提问于2011-10-12得票数 5

回答已采纳

1回答

使包含浮动div的固定标头可滚动

html、css

我有包含多个元素的标题。假设我们有5个div向左浮动，1个div向右浮动。我有流畅的标记，所以我的标题的宽度是100%。前5个div被用作菜单，在右边我有一个div，它显示记录的用户信息。基本上，就像那个当屏幕分辨率较低时，我想使这个标题可滚动。此外，我的标题有固定的位置(出于某些原因)。我发现，如果我使标题与固定宽度，它将很容易添加水平滚动(使所有div内联块

浏览 3提问于2013-10-25得票数 0

回答已采纳

1回答

如何使固定的侧边栏在不引入其他滚动条的情况下通过主滚动条滚动？

javascript、html、css、sass

我有一个边栏，它的样式如下 overflow: auto;} 现在，由于这个侧边栏的垂直长度比屏幕长度长，浏览器引入了另一个垂直滚动旁边的侧边栏是否有一种方法可以同时控制主内容和边条的垂直滚动？

浏览 6提问于2016-08-04得票数 1

2回答

如何根据子项内容自动展开父项

html、css

我有一个父div，需要在其中浮动两个子div元素。第一个具有固定宽度，第二个将是某种转盘，其中包含不可预测的元素数量。除此之外，父元素应该保持固定宽度，第二个子元素也应该保持固定宽度，并且第二个子元素中的元素可以水平滚动。class='child3'></div> <div</

浏览 36提问于2019-04-03得票数 0

回答已采纳

1回答

左、右滚动带有浮动元素的div

jquery、css

我有一个固定宽度的div，它的内部有许多图像是通过float:left;水平对齐的，所以div是使用scrollBar水平滚动的。我想通过点击两个"NEXT“和”“图像来滚动元素(如滑块)。{ left: "+=50"}, 5000, function() {}); 但是，这个解决方案似乎只在元素由position: abso

浏览 2提问于2014-02-04得票数 1

1回答

CSS中的垂直浮动元素？

html、css、html-lists、floating

我有一个固定高度的DIV标签。在这个元素中，我有一个列表。这个列表应该像列一样浮动。列表元素的宽度是固定的。如果Div-Tag中有“太多”的元素，它应该水平滚动。列和元素的数量不固定。

浏览 3提问于2013-04-03得票数 4

回答已采纳

2回答

创建停留在div中的浮动框

javascript、html、css

我正在尝试创建一个div‘浮动’，它的行为类似于一个固定的div (无论滚动与否都被固定在一个特定的位置)，但是当它到达它所在的div的边界时，它就不再是固定的了。当滚动条在顶部时，它应该将div放在包含的div中的0处(放置在距顶部100像素的位置)，当滚动条到达底部时，它应该阻止浮动框离开容器。浮动

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

回答已采纳

1回答

具有滚动功能的浮动div

jquery

我一直在寻找一个浮动的div/menu，它不仅可以像下面的例子那样浮动每个浮动div似乎总是锁定在顶部，如果你有一个固定的高度不会增长，这很好

浏览 4提问于2012-05-11得票数 0

2回答

Jquery对话框中的选项DIV顶部固定位置

css、jquery-ui、position

在对话框中，我有一个带有“保存按钮”的DIV。此DIV可以有多个按钮或下拉式菜单，具体取决于场景。因此，它实际上是一个顶级选项分区。我需要让这个DIV始终可见。现在，如果对话框内容超过对话框高度，那么如果我向下滚动，我将失去options div的可见性。非常感谢。

浏览 0提问于2012-08-11得票数 1

1回答

我有一个运行很多javascript的大页面，它也包含一个固定位置的浮动元素。浮动元素通过在scroll事件上触发的函数，根据用户当前的滚动位置更新其位置。我遇到的问题是，由于页面的大小和复杂性，在执行scroll事件中的代码之前会有延迟，这会导致当快速滚动或使用鼠标滚轮时，固定元素会明显跳跃。参见setTimeout :jsfiddle(使用jsfiddle模拟在实际页面上执行函数时的延迟)。&l

浏览 2提问于2015-06-26得票数 2

2回答

如何防止固定SliverAppBar覆盖浮动SliverPersistentHeader

flutter、dart、flutter-layout

我正在学习颤振，我目前正在尝试制作一个具有酷滚动效果的主页。我正在尝试用三个元素实现一个CustomScrollView :一个SliverAppBar、一个水平滚动列表和一个SliverList。前两个非常简单，经过一些挣扎之后，我成功地使用SliverPersistentHeader实现了水平滚动列表。然而，我遇到了一个问题。我希望SliverAppBar被固定，包含水平滚动列表的SliverPersistentHeader被浮动。所有操作都很好，除了浮动

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

回答已采纳

1回答

用于在gmail中浮动div的jquery插件

jquery

我正在寻找一个插件，做以下工作：当用户水平<em

浏览 2提问于2011-11-16得票数 0

1回答

将元素扩展到OS X上的超滚动区域

javascript、html、css、macos、overscroll

我有一个固定背景的页面，底部有一个浮动页脚。是否有一种方法可以在页面下面的超滚动区域隐藏元素？这是一个GIF：当你“超滚动”时，你可以在屏幕底

浏览 4提问于2016-06-21得票数 3

1回答

Jquery固定浮点除法

jquery、asp.net、css

我在滚动时使用jquery进行固定的浮动div，我在div上应用了具有top属性的一些样式，使用jquery我正在更改顶级值。问题是，当我滚动到结束，div向下，当我滚动到向上，div上升方向(不是我最初放置它的位置)，我如何检查用户是否滚动到结束和向上滚动？下面是我的代码 <div id="floatdiv" style="p

浏览 1提问于2013-10-03得票数 0

回答已采纳

4回答

HTML -两个div并排

html、css

我需要同时得到两个div，一个是中心，另一个是固定的。我已经把它们并排做了。 

浏览 10提问于2014-04-15得票数 0

回答已采纳

2回答

固定浮动div滚动

jquery、html、css、vertical-scrolling

<div class="top-head>some content</div>height: auto;position: relative; <script type='

浏览 3提问于2012-03-20得票数 2

回答已采纳

2回答

selenium中标题隐藏的输入字段

java、firefox、selenium-webdriver

我正在做一个自动化的selenium测试，它有一个固定位置的头。div#floatingDiv { background-color: #000000;当试图使用Firefox web驱动程序自动执行selenium测试时，这个浮动标题会成为障碍。似乎发生的情况是，当selenium单击当前不在屏幕上的元素时，Firefox web驱动程序滚动页面，使其访问的

浏览 2提问于2013-05-14得票数 1

1回答

如何动态调整父DIV的大小？

html、dynamic、resize、css-float、width

基本上我有固定宽度为250px的浮动div。我需要让父div的宽度和浏览器的宽度根据我添加的浮动div的数量自动调整大小。例如:如果我的浏览器大小是800px宽，我有2个浮动div，它们加起来是500px宽，那么就不会有水平滚动条了，因为500适合800。但是当我再添加两个浮动div时，所有浮动的总宽度将是1000px，这比我的浏览器宽度要大，从而创建水平

浏览 0提问于2012-10-25得票数 0

3回答

谷歌地图:相对于固定定位

javascript、jquery、google-maps、position

我正在寻找的效果是，我有一个浮动的div，里面有一个Google地图，当用户向下滚动时，我希望它固定在顶部:0px。这基本上就是Yelp在他们的搜索页面上的地图。有一些类似的问题，是关于在用户向下滚动时使用JQuery将div的类更改为fixed，但使用Google Maps时，我似乎无法获得效果。所以我添加了一个浮动的包装器，但在向下滚动时添加了一个固定的类。它

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

回答已采纳

1回答

内容扩展容器

html、css

我在div显示表上有3列页面校样。首先，这里是jsfiddle ，例如，我在左边放置了很多行的表格，当内容比容器更高时，容器展开了他的高度，但我希望容器保持与屏幕相同的高度，没有内容。height:100%; display: table-cell;html </tbody> </

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

点击加载更多