高度100%可滚动时不占满空间

文章/答案/技术大牛

发布

1回答

html、css

我有一个左边的navbar，它的高度是100%，但是当有任何溢出时，100%的高度不起作用。我尝试将body和html的高度设置为100%，min-height设置为100%。我还试着给菜单设置min-height: 100%和100vh的高度。我读了很多StackOverflow的问题，但没有一个解决方案对我有效。下面是代码: Or codepen: dgvFL turl.at/dgvF

浏览 31提问于2020-06-20得票数 0

回答已采纳

3回答

从未知高度创建垂直可滚动div

html、css

我有一个弹出式div，高度是100%。.popup{}.popup{}如何在可用的500px空间上使用40%？

浏览 3提问于2016-10-20得票数 1

回答已采纳

3回答

如何在没有垂直滚动条的情况下设置100 %的高度？

javascript、html、css

上下文当我在100%的所有父元素上设置一个高度时，就会得到一个垂直滚动条。我找到了一些关于“保证金崩溃”的答案，但没有什么能解决我的问题。如果没有滚动条，100vh也将无法工作。下面是设

浏览 3提问于2020-07-02得票数 0

回答已采纳

1回答

在div上滚动，填充父元素的剩余空间。

html、css

THE ISSUE Really long content </

浏览 6提问于2017-12-25得票数 3

回答已采纳

1回答

不按屏幕大小工作的垂直滚动

css、bootstrap-4

我正在努力实现一个滚动的用户在一个柔性盒菜单。当我将px的高度设置为px的高度(比如100 px)时，我已经意识到了一些奇怪的事情--它会很好地工作，但是当我设置一个100%的高度时，如果没有足够的空间，它会创建一个全局滚动，而我的菜单将不适合屏幕的大小关于这个问题，我创建了两支代码笔： px高度(工作卷轴)

浏览 7提问于2021-12-12得票数 0

回答已采纳

1回答

如何在vanilla html中创建大小响应独立的滚动部分

javascript、html、css、scroll、resize

我有一个滚动问题，可能是常见的，但我似乎找不到它。本质上，我有一个可滚动的网页部分，从标题下面到屏幕底部。但是，要使该部分可滚动，我必须设置一个高度，设置为70 is，而标头是静态高度。当视口改变高度时，例如大屏幕，70 up不足以到达屏幕底部，因为它现在应该按比例占据更大的空间。我的问题是，当视图改变大小时，如何使该部分始终是正确的高度。我的一个想法是找到标题占用的视口高度的百

浏览 9提问于2022-05-30得票数 -1

回答已采纳

2回答

jQuery scrollTop值是什么意思？

javascript、jquery、html、css

我正在编写一些使用scrollTop方法实现无限滚动的jquery代码(请不要建议使用jQuery插件，我知道它们存在)，但我不太理解这个值的含义。class="inner"></div></div>#outter { width: <em

浏览 3提问于2016-10-07得票数 5

1回答

强制angular mat-工具栏和mat-sidenav恰好占据100%的可用垂直空间

angular、angular-material

我想让工具栏和sidenav的垂直高度加起来达到浏览器窗口可用垂直空间的100%。然而，我想不出该怎么做。目前我有一个工具栏和一个sidenav，里面只有一个height: 100%。然而，这迫使sidenav大于可用空间，因此它变得可滚动。我想强制这两个页面都有100%的高度，并且没有更多的东西来确保页面不会变得可滚动。我计划有一个组件，填补剩余的空间，这将容纳页面的内容，并将

浏览 10提问于2020-07-06得票数 1

1回答

溢出具有大量内容的网格子节点，而不设置绝对高度。

javascript、html、jquery、css

.grid { display:grid; background-color:yellow; height:100%; overflow-y:auto;<div class="grid</ul></div> 我希望lots-of-content-

浏览 0提问于2020-03-28得票数 1

2回答

当呼叫/热点指示灯可见时，停止滚动phonegap应用

javascript、ios、css、cordova

UI由许多水平布局的“包装器”组成，每个包装器都位于视区高度的100%。"></div> </body>html、body和#wrapper-*元素都在CSS中声明了height: 100%，这可以很好地工作，并阻止应用程序滚动。问题是，当“来电”或“个人热点”指示器可见时，它们会将视区的

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

1回答

旋转大表ajax

javascript、html

我有一个非常大的表(它溢出了content div)，因为它是动态的，所以它可以包含至少20列。无论如何，问题是我不得不把这个表放在一个“紧”的div中。而且，这个想法是为了避免溢出，并优雅地显示所有列，以便它可以水平旋转(从左到右滑动，可能还有“上一步”和“前进”按钮)。非常感谢，致以问候。

浏览 0提问于2010-02-26得票数 0

回答已采纳

1回答

React页面不可滚动。

css、reactjs、scroll、web-frontend、chakra-ui

我无法使页面滚动，代码如下所示，我没有使用任何css，我仍然是一个新的蜜蜂，我使用map函数来呈现我用道具发送数据的组件，这是我写这篇文章是为了填充空间，而不是其他东西。

浏览 9提问于2022-06-25得票数 0

1回答

如何在flutter中展开一个列中的容器而不溢出？

flutter、dart、overflow

我试图在列中展开一个容器，但当我尝试使用展开的小部件时，它会溢出屏幕。如何在不溢出屏幕的情况下扩展中间容器？container, to make it fill the avaiable space constraints: BoxConstraints.loose(Size.fromHeight(100)),

浏览 0提问于2020-05-21得票数 0

2回答

子柔盒中可滚动的CSS内容

html、css、layout、flexbox

布局应该填充整页的高度和宽度，而不滚动。下面是布局设计：所有的块都包含一些信息，它们都有固定的高度，只有一个块包含大的数据列表，应该是可滚动的(图片上是紫色的)。目前，我正在为所有UI块使用灵活的框，但我不能使紫色块滚动。如何使紫色块保持灵活性(即在蓝色块中占据所有可用空间)，并使其内容可滚动(即内容不应该是紫色块体)。

浏览 1提问于2014-10-18得票数 5

回答已采纳

1回答

Flexbox调整大小和可滚动溢出

html、css、flexbox

我有我正在调整大小的内容，并且我希望有一个固定的标题，它不会增长/收缩，并且不是可滚动内容的一部分。如果没有足够的空间，下面的内容将成为可滚动的。内容外部包装器(flexGrowWrapper)具有flex-grow: 1，内部包装器具有height: 100%; overflow-y: auto。这里的思想过程是，flexGrowWrapper将填充resize div中的任何剩余空间，然后内部包装器将获得flexGrowWrapper的全部高度</

浏览 1提问于2019-03-22得票数 2

回答已采纳

1回答

是否可以均匀分布GridView中的按钮数量？

android、gridview

在GridView的适配器中，我看到当内容布局膨胀时，它必须包含宽度和高度。如何均匀分布GridView的内容，使其占用相同的空间？例如，我想创建一个类似于以下内容的3x3正方形：另外，我不希望屏幕是可滚动的。

浏览 2提问于2017-07-23得票数 0

回答已采纳

2回答

高度为100%的jQuery用户界面具有内容和垂直滚动条，扩展到可见区域以下。

css、html、html-lists、overflow、jquery-ui-tabs

有一个奇怪的问题(奇怪，因为我不明白)这不起作用-可滚动区域比可见区域更大，从而导致滚动条的下部低于可见区域。看起来滚动区域是用列表区域的高度来扩展的。我需要使用所有可用的空间(

浏览 3提问于2012-08-09得票数 2

2回答

可滚动左列，剩余屏幕高度100%，滚动问题

javascript、jquery、html、css

我正在尝试创建一个可滚动的左栏，它占用了100%的剩余空间，减去了与页面顶部的距离。它目前运行良好，但也有一些问题。当我最初创建它的时候，我遇到了无限滚动的问题，因为我没有考虑到页脚高度：它在一定程度上是有效的，但如果我调整浏览器高度的大小，并且右列高度将页脚向下推，则左列高度仍然考虑到页脚高度所以我的问题是，在所有情况下，我如何才能让左列占据100%

浏览 1提问于2012-03-28得票数 0

回答已采纳

1回答

为什么在计算clientHeight时需要从windowHeight中减少scrollPercent？

javascript、scroll、window

我试图显示一个用户在页面a中滚动了多少进度条，并且我已经完成了它。但我在这里有点困惑。const scrolledPercent =100;((html.scrollT

浏览 2提问于2020-04-28得票数 2

回答已采纳

1回答

停止flex-- div增长超过父容器

css、flexbox、angular-material、mat-expansion-panel

我正在尝试添加一个具有可滚动内容的角度材料扩展面板。我希望扩展面板填充div中的可用空间，但不是展开它。我已经将overflow: auto添加到panel-content div中的div中，这样我就可以在面板中获得可滚动的内容。但是，如何在不增加父div高度的情况下，让包含一类panel-content的div填充可用的空间呢？我知道整个父对象的高度是400

浏览 11提问于2021-02-25得票数 0

点击加载更多