如何制作100%高度可滚动区的div

文章/答案/技术大牛

发布

2回答

css

我有一个固定高度的div容器。这个div里面有一些内容，这使得它可以滚动。我需要在容器内插入一些div，并使它们具有100%的可滚动区域高度。我该怎么做呢？padding: 0; background: rgba(200,0,0, 0.05) transform: translateY(100%) } <hea

浏览 33提问于2021-06-20得票数 0

回答已采纳

2回答

如何在启用div滚动时禁用正文滚动？

html、css

<html> <div class="container"> <div class="list"></div> </body> </html&

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

2回答

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

javascript、ios、css、cordova

UI由许多水平布局的“包装器”组成，每个包装器都位于视区高度的100%。<html> <div id="wrapper-one"></div> <div id="wrapp

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

1回答

Bootstrap 3-可滚动内容div

css、twitter-bootstrap、html、scroll、grid

我正在使用Bootstrap 3，我正在尝试制作一个可滚动的内容DIV。我有一个带有左侧导航和顶部栏的网格，在中间我有应该是可滚动的内容。当我在内容div...but上使用固定的高度时，它可以工作，我想使用100%。<div class="col-lg-12 col-md-12 col-sm-12" style=&qu

浏览 0提问于2013-10-30得票数 14

8回答

如何使用CSS定位固定的可变高度标题和可滚动的内容框？

css

我正在尝试制作一个具有固定标题和可滚动内容区域的网页。当头部有一个已知的高度时，这是微不足道的，但当头部是流体时，我正在努力寻找解决方案。我想要的布局是：headcontent其中"head“是其内容所需的高度，而" content”没有最小高度，但在变为可滚

浏览 5提问于2011-06-21得票数 61

回答已采纳

1回答

CSS:当父级使用最大高度而不是高度时，可滚动子内容失败

html、css

我的html结构如下： height // 主窗口(高度:100 on ) // 使用-16 on用于在jsfiddle.net 工作区(高度: 100%)、工作项(高度: calc(100% -40on))/40 on=命令高度工作项-hdr(高度:高度: calc(100% -30 on)) // 30 on

浏览 3提问于2021-03-06得票数 1

2回答

可滚动的div* (div高度>浏览器高度)*

css、scroll

如果可滚动div的高度小于浏览器的窗口高度，它很容易实现。示例： --您可以使用“内部滚动条”滚动红色div，这很好。：，其中可滚动div的高度为100%。我不能再用内部滚动条滚动，只使用浏览器的滚动条。/ 100</em

浏览 2提问于2016-03-18得票数 1

回答已采纳

1回答

角10 -当孩子出现时禁用父母的滚动。

html、css、angular、typescript

我仍然在学习棱角，我在编写我的应用程序时遇到了我的问题。我有一个父组件，包含从后端调用的项列表。我成功地创建了一个事件，该事件在单击时获取每个项的数据，以将此数据发送到子组件。在那里，我以卡片的形式显示它：(这里的简化代码- )目标是不允许父滚动，并使子滚动</e

浏览 3提问于2021-02-18得票数 1

1回答

可滚动div填充可用高度

css、height、overflow、scrollable

我目前正在尝试创建一个“拆分视图”网站，左侧有一个可滚动的导航栏，右侧有一个内容区。左侧的导航区包含一个搜索栏(带有一个提交按钮)，下方有一个类似于windows资源管理器的可滚动树状视图。我环顾四周，发现了可滚动的div和div的解决方案，这些div和div填充了窗口中其余的</e

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

1回答

React页面不可滚动。

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

我无法使页面滚动，代码如下所示，我没有使用任何css，我仍然是一个新的蜜蜂，我使用map函数来呈现我用道具发送数据的组件，这是我写这篇文章是为了填充空间，而不是其他东西。console.log("error fetching data"); console.log("fetched"); <divclassName="scrollable-div" style=

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

2回答

iPhone中的滚动错误

javascript、scroll

有几个表格可以水平滚动。此表使页面的高度大于视口的高度。我可以滚动水平表和滚动垂直页面没有bug。但在iPhone中，如果触摸桌面，我不能滚动垂直页面(其他部分滚动良好)。

浏览 7提问于2017-08-08得票数 0

1回答

计算可滚动高度

html、css

我在我的应用程序中有一个部分，其中有消息，在达到一定高度后，它会溢出并滚动到里面。这可以很好地工作，但当它下面的容器扩展超过设置为溢出的最小高度时，主体也会溢出。下面的容器是一个自动扩展的输入。当我的输入扩展到超过其设置的最小高度时，如何调整可滚动容器的高度？我的输入容器的最大高度为400px

浏览 23提问于2021-08-11得票数 0

1回答

无法更改滚动条值

javascript、html、scroll、scrolltop

我做了一个简单的代码来改变滚动条的值和document.scrollTop，但是我无法让它工作。

浏览 4提问于2017-04-25得票数 0

回答已采纳

3回答

如何才能使“中间”div滚动，并且仍然响应类似于UI的“聊天”？

html、css、flexbox

我试图制作一个简单的基于HTML/CSS的聊天UI，其中有三个垂直的div: Header、Chats和Send。如果我有三个div，那么中间的div怎么能是完整的“中间”高度，并且仍然可以滚动消息？如果我将发送栏div设置为静态高度，我就可以做到这一点，但是如果我希望它是可增长的，那么这种方法就不能工作。有

浏览 0提问于2019-05-14得票数 3

回答已采纳

1回答

ng-view不会自动隐藏移动设备上的地址栏/导航栏。

javascript、android、ios、angularjs、mobile

我正在建立一个使用的移动网站。在几乎完成之后，我终于尝试在我的移动设备上测试它。我意识到:当我向下滚动页面时，浏览器的导航条(即iPhone上的Safari，安卓设备上的Chrome )不像浏览普通网站时那样自动隐藏。如以下网站：任何产出都将受到极大的赞赏。提前谢谢。

浏览 5提问于2015-06-09得票数 0

回答已采纳

1回答

Modal Pop with Flex Column不允许内容占据自己的高度，而是缩小了它？

html、css

我有模式弹出窗口与以下结构：问题是，当我在移动设备上打开它时，文本块被切断了，并且无论高度如何，都被制作成适合弹出窗口。如何使其适合内容？我们的目标是让文本元素在它的完整高度之后，图像，如果它们大于要在弹出窗口中滚动的视区。当视区高度低于400px，图像几乎占据了视区的一半，并且看不到文本时，问题就出现了。 .text { paddin

浏览 13提问于2020-10-12得票数 0

回答已采纳

1回答

.height()仅使DIV在调整窗口大小后可滚动

javascript、jquery

此脚本的目的是制作一个DIV，该DIV是页面高度的100%减去顶部部分。知道我做错什么了吗？编辑: Jasper和Davin的解决方案都有效。谢谢，

浏览 1提问于2012-01-13得票数 1

回答已采纳

5回答

DIV - 100%高度导致滚动条

css、html

我有一个div的问题，导致滚动条时，高度设置为100%。现在，我的页面内容看起来像；问

浏览 1提问于2012-03-10得票数 5

回答已采纳

0回答

可滚动的子项和父项不可滚动

html、css

假设有这样的东西： <div class="child"></div> 如何让parent占据整个屏幕的高度？以及如果child的高度超过父高度(屏幕最大高度)，如何使其可<em

浏览 4提问于2018-07-12得票数 1

2回答

如何将标题移出滚动区？

html、css、overflow

我有一个标题和一个很长的可滚动内容。我希望标题不是可滚动的。我尝试将overflow: hidden设置为标头，但没有成功。<body> <div style="overf

浏览 0提问于2015-10-12得票数 6

点击加载更多