Bootstrap 5固定高度容器，支持滚动内容
Bootstrap 5是一种流行的前端开发框架，用于构建响应式和移动优先的网页应用程序。它提供了丰富的CSS样式和JavaScript组件，帮助开发者快速创建各种界面。
在Bootstrap 5中，要创建一个固定高度容器并支持滚动内容，可以使用以下步骤：
- 创建一个容器元素：使用
<div>标签创建一个容器元素，作为内容的父元素。可以为这个容器元素指定一个固定的高度，例如：
<div style="height: 300px;"></div>- 添加内容：在容器元素内部添加需要滚动的内容，例如文本、图片等。
- 设置样式：为容器元素添加Bootstrap的CSS类，以实现滚动效果。可以使用
overflow属性来控制内容的滚动，例如：
<div class="container" style="height: 300px; overflow: auto;"></div>这样，容器元素将固定高度，并且当内容溢出容器高度时，会自动显示滚动条。
推荐的腾讯云相关产品和产品介绍链接地址：
腾讯云提供了丰富的云计算产品和解决方案，包括云服务器、云数据库、云存储等。以下是一些相关产品和链接：
- 云服务器（CVM）：提供高性能、安全可靠的云服务器实例，适用于各种应用场景。了解更多：腾讯云云服务器
- 云数据库 MySQL 版（CDB）：高性能、可扩展的云数据库服务，支持大规模的数据存储和访问。了解更多：腾讯云云数据库 MySQL 版
- 云对象存储（COS）：安全、稳定、低成本的对象存储服务，适用于图片、视频、文档等各种类型的数据存储。了解更多：腾讯云云对象存储
请注意，以上仅为示例，腾讯云还有更多云计算产品和解决方案可供选择，具体选择应根据实际需求进行。
相关·内容
1回答
div HTML5中的单页滚动
、、、、
我在这个网站(HTML5，CSS3和JS)上工作，它有2个div (页眉和页脚)，其中有CSS position: fixed，并有一个中心div，其中有position:absolute和包含的内容。
我想做的是在这个中心div中实现滚动捕捉，它有绝对的定位。但由于某种原因，我无法做到这一点。这是我尝试使用的jquery插件：
你们能帮帮我吗？
这是一个带有设置的JSFiddle：
浏览 13提问于2017-01-26得票数 0
2回答
滚动视图不垂直滚动
、、、
我有一个滚动视图，它根本不滚动：
scroll_view_content_a_job.contentSize.height = 1800
scroll_view_content_a_job.isScrollEnabled = true
浏览 0提问于2017-03-09得票数 5
回答已采纳
2回答
问题是:我能做些什么来防止这种情况，并让其他选项像“在”div下一样，这样我就可以滚动到它们了？
这是css代码：
aside {
background-color: #E63946;
height: 100%;
width: 100%;
grid-column: 1;
grid-row: 2/5;
display: grid;
place-items: center;
grid-template-rows: repeat(5,1fr);
}
还尝试了添加overflow-y: scroll;，但没有起作用。是它的样子。
浏览 9提问于2022-06-12得票数 0
回答已采纳
嗨，我正在尝试建立一个带有背景图像的巨型加速器的网站，这本身并不难：
HTML：
<div class="jumbotron">
...
</div>
CSS：(它位于我的自定义css文件中，并在整个css中加载)。
.jumbotron {
margin-bottom: 0px;
background-image: url(../img/jumbotronbackground.jpg);
background-position: 0% 25%;
background-size: cover;
background
浏览 1提问于2014-01-04得票数 54
回答已采纳
我尝试使用一个伪after元素在div的末尾创建一个渐变，以表明它是可滚动的。在div上使用transform: translateZ(0);允许psuedo元素使用position: fixed;粘贴到该元素的底部。但是，一旦开始滚动，伪元素就会随着div的内容一起向上滚动。有没有可能让这个元素在滚动时粘在这个div的底部(除了使用position: sticky;之外，出于对浏览器支持的原因，我避免使用它)？
下面是我现在得到的一些东西：
谢谢!
浏览 7提问于2018-11-08得票数 0
3回答
两个水平滚动条
、、、、
当我从代码笔嵌入日历小部件时，我的网站中有两个滚动条
两滚动条
一个滚动条移动主体，另一个像使用asp.net mvc5那样移动整个页面，所以我从共享布局中调用了页眉、页脚和侧栏。使用
overflow-y: hidden;
只需隐藏主页的滚动条。
在这里，您可以看到单个滚动条的图像，它只是移动内部体。
单涡旋
如何移除移动内体的滚动条？
浏览 0提问于2018-07-31得票数 0
回答已采纳
1回答
Vaadin 22流量
我在柔性布局中使用网格。
我的问题是，我需要网格基于它的内容增长，直到它填充可用的空间，然后它应该获得滚动条。
理想情况下，网格应该有一个最小的一行大小，以清楚地表明它是空的。
本质上我想展示
FlexLayout
Grid - grows as content grows until page fills then shows scroll bars
New button
Spacer - flex grow 1
当网格填充时，它应该展开，直到New按钮到达页面底部，然后网格应该显示滚动条。
Spacer在New下面填充浏览器，并随着Grid的增长而缩小。
浏览 16提问于2022-02-18得票数 0
回答已采纳
1回答
我使用的是自动补全文本框，这里基于动态值超过滚动条，如果超过动态值，则滚动条显示在文本框中，滚动条自动超过在页脚页和两个滚动条中显示。如果在文本框滚动条中显示的值不应该超过页脚内容，只在正文容器中显示，也不会显示两个滚动条，所以请帮助我解决这个问题。
css代码：
.ui-autocomplete {
max-height: 28%;
overflow-y: auto;
}
自动编译代码:区域数据类型为数组，包含多个值
autocomplete({
autoFocus : true,
source : areas,
selectFirst : true,
浏览 0提问于2014-06-21得票数 4
我有一些问题，如何编程一个响应的“内容”框从引导。如所示，我希望使引导带content-inner的内部响应。
在内容-内框中我有
一个有固定宽度(红色)的div
第二个容器(一个article容器)是一个容器，它应该占用页面的剩余空间(因此，随着高度的增加，白色背景应该变大，顶部和底部的灰色空间应该更小)。这个容器也有一个溢出-y，但是溢出-x是隐藏的，因为右边的滚动条也会在底部有一个滚动条。(绿色)
第三个有一个固定的宽度，太(蓝色)
注意上面和底部的空间，应该有一个空间。
我对实现/解决这个问题的方法并不十分了解。
因此，我寻找如何实现的方法，并找到了。这个“功能”
浏览 1提问于2017-07-18得票数 2
回答已采纳
如何使用行数可变的UILabel来向下推送UIScrollView中的内容？
我目前有一个固定在superview上的UIScrollView，一个固定在滚动视图上的容器和与主视图高度/宽度相等的容器，还有这个蓝色的UIView (高度50)，2个UILabels和一个UIImageView (高度200)。
在横向，我希望UIImageView (即高度为200的黑盒)不是固定在superview的底部，而是在屏幕外，并且滚动视图的内容大小已经调整。
在肖像中，我希望标签的大小适合，黑盒要遵守标签底部的顶部约束：
浏览 0提问于2018-10-05得票数 0
1回答
固定自举程序的锚定问题-顶部页眉
、、、、
我有一个问题与我的固定标题导航栏覆盖内容在锚点。我知道在这个网站上有很多关于这个主题的问题，在研究之后，我在这里使用了解决方案：
总体而言，上面的解决方案工作得很好，但似乎只有在启动滚动时才能正常工作。我已经将标题设置为.affix (bootstrap)，但当在页面顶部和标题为.affix-top时，上述解决方案不起作用，标题nav仍然覆盖内容。
有没有人知道解决这个问题的办法？我假设这是今天的事情，因为我的布局是流畅的，当页眉贴在顶部时，我的位置是固定的。
网站在这里：
谢谢
浏览 2提问于2016-04-19得票数 0
如何在不使用固定大小的div的情况下使用ASP.NET在GridView中创建滚动，如这里所示的。
浏览 0提问于2009-12-31得票数 2
我需要我的网站中的滚动条具有相同的外观和感觉跨浏览器，我已经检查了几个插件，用于创建自定义滚动条，例如，然而，似乎所有这些插件都需要一个固定的容器的高度(即高度应预先定义)。但在我的例子中，预定义的高度不是一个选项，有人知道其他解决方法吗？
浏览 2提问于2014-08-05得票数 0
2回答
我试图在我的项目上设置一个无限滚动，但要使overflow-y: auto; css属性工作起来有困难。以下是我目前的布局：
我使用以下CSS/HTML代码创建它：
<div class="flex-items">
<div v-for="game in gamesData.games" class="card-spacing">
<!-- Contents -->
</div>
</div>
.flex-items {
flex:
浏览 5提问于2020-11-14得票数 0
回答已采纳
1回答
嗨！
我仍然在学习棱角，我在编写我的应用程序时遇到了我的问题。
问题
我有一个父组件，包含从后端调用的项列表。我成功地创建了一个事件，该事件在单击时获取每个项的数据，以将此数据发送到子组件。在那里，我以卡片的形式显示它：(这里的简化代码- )
我面临的问题与移动视图有关，因为这些屏幕较小，不能在一个视图中包含所有信息，但我无法滚动卡片。滚动只移动家长-就像在链接外派。
TODO
目标是不允许父滚动，并使子滚动，如果它的高度>屏幕高度。当子组件存在时，如何使父组件‘溢出:隐藏的或类似的东西？
浏览 3提问于2021-02-18得票数 1
溢出隐藏不起作用。它创建另一个滚动条，类似于中的滚动条。
我直接从复制了代码，并在中进行了尝试，结果是一样的。
<template>
<v-card class="overflow-hidden">
<v-app-bar
absolute
color="#fcb69f"
dark
shrink-on-scroll
src="https://picsum.photos/1920/1080?random"
scroll-target=&#
浏览 9提问于2020-04-22得票数 0
回答已采纳
1回答
我使用WPF数据网格来显示名称(启用滚动)。假设有17个名字。我的网格只显示15个(每个垂直滚动中的增量为5)，缺少2个名称。好像有5个硬编码的地方。有人知道我应该使用哪个属性来显示所有的项目，即使计数小于5吗？
浏览 2提问于2014-03-04得票数 1
回答已采纳
我的页面中有一个固定的div，因为您知道，如果div的高度高于浏览器的视口，您就不能滚动一个div，因为它是滚动的背景，而不是div (固定位置)。
所以让我们说：
<div class="fixed">
</div>
.fixed {
position: fixed;
border: 1px solid #000;
width: 200px;
background-color: green;
}
您可以在这里检查，如果您降低预览页面的高度，您可以看到您不能滚动div。
引导模式修复了这个问题，但我不太明白他们是如何做
浏览 2提问于2015-02-09得票数 1
1回答
固定div在滚动的两点之间的位置
、、、、
我有七个盒子。首先，我想正常地滚动box1。当box2到达视口顶部时，它应该是固定的，与示例相同。当我一次又一次地在box2上滚动(可能是两个窗口高度或X像素高度)时，我必须对一些视图进行动画(动画可能是显示/隐藏等)。动画完成后，我需要删除固定的位置，并开始正常滚动其余的方框。有什么帮助吗？
我可以在滚动时再次对box4或box5使用相同的固定位置
以下是代码
var winHit = $(window).height();
var winWid = $(window).width();
$('.box').css({'height':winHit+&#
浏览 0提问于2017-11-02得票数 0
不可能为WebBrowser of WP7设置透明背景。为了给人留下透明的印象，我想做下面的解决办法。我要：
查找页面上的IsolatedStorageTo的位置和大小。以获取页面的背景图像。用我在步骤1中找到的值对其进行裁剪。
我认为这应该是一个透明背景的解决办法，而且应该有效。
现在，我只想在步骤5上放置任何.jpg映像(比如test.jpg)，但是失败了。我有“构建操作”属性的文件设置为“内容”。它被放置在项目的根上。而<body background="test.jpg">不起作用。WebBrowser的背面仍然是白色的。
我做错什么了？
UPD:第5步解
浏览 2提问于2011-09-16得票数 0
我想添加垂直滚动条在文本区火花组件，即我想要显示最多5行在文本区，如果文本行将超过5然后垂直滚动条将自动添加，如果我将减少文本行，那么垂直滚动条将自动消失。
我的文本区域代码是：
<s:TextArea id="txtArea" width="{this.width}" height="3" borderVisible="false" focusAlpha="0.01"
selectionHighlighting="always" styleName="Tex
浏览 0提问于2016-05-20得票数 0
2回答
我基本上有非常标准的两列布局：
<div id="app">
<div class="left">
<div class="first">
<div class="header">Dynamic Items</div>
<div class="scrollable">
<div id="items">
<div class="ite
浏览 0提问于2019-01-18得票数 3
我在为引导和OL3的响应布局而挣扎。
使用中的简单示例
当我以“独立”的形式打开这个示例时(没有openlayers.org-布局等等)在Firefox (38.05分辨率1366x76)上，总是会有一张太大的地图(垂直滚动条)--在一定的窗口宽度(1200 at )下它会超过窗口的高度。
见截图: imgur.com/OJV5zxQ
当我使用“容器”而不是“容器-流体”类时，它正常工作。但我想要一个响应的布局，在那里地图使用最大的可用空间。我找不到任何关于这个问题的boostrap.css (最大宽度/最小宽度:1200‘t)。
我想这与生成画布宽度/高度的ol.js有关。但我不确定。
&l
浏览 1提问于2015-06-15得票数 0
我对问题的再认识-- StackBlitz链接：
我在一个输入文本元素上使用了ngx-bootstrap和typeahead指令。我需要能够让optionsListTemplate显示为一个高度有限的滚动容器。
我希望列表容器下拉菜单滚动显示有限数量的项目(固定高度)，然后才需要滚动(默认情况下是5个项目)。
我设置了typeaheadOptionsInScrollableView (6)和typeaheadScrollable (true)。只要我不使用optionsListTemplate属性，控件就会正确显示。
设置自定义optionsListTemplate时，该控件不限制显示的选项
浏览 0提问于2018-11-15得票数 0
2回答
我有一个带有容器的布局，然后在该容器中有另一个用于内容的div。我对它进行了设置，如果一个表比容器大，就会有一个滚动条。
但是，许多表格都很长，因此为了到达水平滚动条，您必须一直向下滚动到页面底部，向右滚动，然后向上滚动到页面顶部才能查看信息。
有没有办法让div的水平滚动条处于默认/主水平滚动条位置？
body {
height: 100%;
width: 100%;
background: #e8d7b5;
margin:0px;
padding:0px 0px 0px 0px;
font-family: Arial, Helvetic
浏览 0提问于2012-09-24得票数 2
在移动设备上，当position:fixed;元素出现在屏幕上时，用户可以通过固定元素滚动<body>。
body,
html{
overflow: hidden;
margin: 0;
padding: 0;
}
#fixed {
background: red;
position: fixed;
left:0;
top: 0;
width: 200px;
height: 100%;
}
#content {
background: blue;
height: 3000px;
}
我试着为
浏览 0提问于2015-08-24得票数 3
1回答
我有一个包含数据网格的画布。我将画布的水平和垂直滚动设置为“off”，将DG的水平和垂直滚动设置为“auto”。直到我在DG (>=16)中有了更多的列，垂直滚动条才会出现。有没有人看到这个，更好的是，有一个答案？
浏览 4提问于2009-01-14得票数 0
基本上，页面有一个导航栏，后跟一个包含两列的行。在左侧列中显示用户简档信息(简档图片、短bio等)，并且在右侧列中显示一些其他信息。
当我尝试滚动页面时，它看起来像是导航栏下面的引导卡在导航栏上滚动。
我希望导航栏和左侧的列保持固定，当页面滚动，但右侧的列可以滚动。
这是html页面..
<nav class="navbar navbar-expand-lg navbar-light bg-cream-shade" id='bootstrap-override-navbar'>
Some nav setup
</nav>
<!-
浏览 0提问于2018-09-03得票数 0
我在一个很长的结构中有很多html文档。视觉滚动的外观不是很好，所以我想把内容放入相当于iframe，这是更有视觉吸引力。
但是，我真的不想为我想要变成一个iframe的每个文档添加另一个文档。所以不要说
<html>
<body>
<iframe src="mydocument.html">
</iframe>
</body>
</html>
我想要同样的效果(滚动条，固定边框，滚动内部文本)，内容看起来像
<html>
<body>
<ifra
浏览 1提问于2013-08-29得票数 1
回答已采纳
4回答
我有一个容器div (模态)，它被设置为position: fixed (绝对不是我的选择)。在这个容器中，我有两列。其中一列包含选项卡按钮，下面有一些内容或表单。这个内容(只有内容，而不是选项卡)应该是可滚动的，但我不知道如何滚动。
选项卡的高度可以更改，因此解决方案不能包含选项卡条的固定高度。
首先，我尝试将列设置为position: relative、min-height: 100%和overflow-y: scroll，从而使整个列可滚动，但第一次尝试甚至没有起作用。
编辑
不是的副本
我在一个固定的容器里工作
我的工作是灵活的高度
试图实现css唯一的解决方案
浏览 0提问于2019-01-21得票数 1
2回答
这是我的问题。我有一个故事板：
第一个容器必须有固定的高度。它与带有开关的DetailFormViewController相关。我不想让它滚动。
第二个容器必须具有动态高度，即取可用高度。它会显示出丑陋的景色。
以下是我在iPhone 6上的内容：
在iPhone 5S上：
。
我有三个问题：
为什么在DetailFormViewController tableView顶部有一个空白？
我怎样才能去除它，我才能实现我的目标呢？
你认为我放的布局是实现我想要的(基于iPhone 6屏幕截图)的最佳方式吗？
谢谢你的回答。
浏览 2提问于2015-04-22得票数 1
回答已采纳
我需要创建一个水平滚动条来控制水平DIV中的滚动。
我不能使用常规溢出:自动CSS，因为滚动条在视觉上与div是分开的。在滚动卷和DIV之间有一些(静态)项。
我想使用位置:修复这些项目，并将其保存在滚动DIV中。但看起来固定位置只是相对于窗口，而不是当前容器。
我知道我可能可以编写一些jQuery脚本来处理滚动事件并移动DIV中的内容。可以用CSS或现有的jQuery插件来实现这一点吗？
浏览 6提问于2009-12-29得票数 0
回答已采纳
1回答
我有一个高度为75%的外舱。我有一个内部可滚动的div A和另一个内部可滚动的div B。div B可以动态移除，并且它有一个具有最大高度的可变高度。我希望div A能根据div B自动调整其高度。
#outer {
position: fixed;
bottom: 0;
left: 100px;
height: 500px;
width: 350px;
background-color: gray;
}
#header {
position: absolute;
top: 0;
width: 100%;
height: 44px;
backgro
浏览 3提问于2017-09-21得票数 0
回答已采纳
2回答
我有一个小的网页应用程序，我正在设计，我有一个非常奇怪的问题。内部内容总是在页面折叠下面剪掉--你不能向下滚动来阅读所有的文本。我已经在Mobile和Chrome/Firefox的桌面上尝试过这一点，但没有成功。
活动网址是
任何我能尝试的建议都会有很大帮助。我基本上有ID #content的div，它保存白色BG和页面文本。我得到了overflow: auto;，它应该在这个div中创建滚动条，甚至有height: 100%;。我完全搞不懂这个问题是什么--再次感谢你的帮助！
浏览 9提问于2012-04-18得票数 1
回答已采纳
2回答
背景图像和div定位？
、、、、
我的结构如下：
<div id="wrap">
<div id="container">
<div id="header">
</div> <!--close header-->
<div id="main">
… etc
我试图显示一个背景图像，它将显示图像的全部高度，但不强制页面滚动，但它将与页面内容一起滚动。
我在#容器div的开始标记之后放置了一个#bgimage，并尝试了以下CSS：
position
浏览 2提问于2011-10-08得票数 0
1回答
滚动到视图元素隐藏在标题后面
、、、、
我是一个反应应用程序，在点击下面的一个项目，选择框，相应的项目在下一节将被滚动。
上述场景的工作示例：
点击第二项，其各自的字段集将被滚动到顶部。
发行：
->现在的要求是，我需要添加一个标题，在标题下面，这两个部分都需要显示。
->我在容器div中添加了style={{ marginTop: "100px" }}，
<div id="container" style={{ marginTop: "100px" }}>
<div className="_2iA8p44d0WZ">
浏览 0提问于2021-01-19得票数 1
回答已采纳
4回答
我有一个Ext窗口，里面有两个项容器和字段集。对于容器和字段集，我从服务器获取html格式的数据。
如果这个数据很大，滚动条就会出现，无法完整地浏览文本。
如何在此面板中正确配置垂直滚动条？
我的示例代码是：
Ext.create('Ext.window.Window', {
title: 'DataSet',
bodyPadding: 5,
modal: true,
height: 600,
width: 900,
layout: 'fit',
items: {
xtype
浏览 0提问于2016-04-07得票数 11
1回答
我只是在玩一些CSS绝对和固定的属性，发现CSS中的绝对和相对位置之间有一个不寻常的区别。
基本上，当我绝对定位某物时，当内容大于窗口或包含元素的高度时，滚动条就会出现，但当我将位置更改为固定位置时，即使内容比窗口的高度更高，也不会出现滚动条。
我已经为此创建了一个测试用例：
HTML：
<div class="page-container">
<div class="helper">
<div class="marker red"></div>
<di
浏览 3提问于2015-03-07得票数 6
回答已采纳
1回答
我正在写一个ios应用程序，它有子视图(像片段或子视图)，这些子视图放在UIViewController中的一个简单的UIView中，UIView的高度大约是300px。我只是在UIView中加载子视图，但是每个子视图都有自己的内容，这些内容可能不适合300px，因此uiscrollview无法获取最后一个视图。
我的问题是，我无法解决滚动视图的内容，以便从父UIViewController和它的子视图控制器子视图一起滚动，因为子视图超过300px，因此uiscrollview无法获得最后一个元素。
我试图给出静态scrollview.contentSize.height = 1000，因此滚
浏览 4提问于2016-04-24得票数 0
2回答
我有一个问题，滚动锚元素到各部分。当我点击链接时，它必须滚动到部分的顶部。但我的例子是中间部分。
<div class="anchor-container">
<a href="#section1">Section 1</a>
<a href="#section2">Section 2</a>
<a href="#section3">Section 3</a>
<a href="#section4">Se
浏览 0提问于2018-04-17得票数 1
回答已采纳
2回答
我有一个css布局，其中我有一个单页面的网站
问题是我不想要滚动条，所以我做了溢出隐藏，它工作得很好，但当有不同的屏幕分辨率时，底部的内容被切断了，有什么办法解决这个问题吗
我的意思是，网站不应该有一个滚动条，当东西适合在第一页，但当没有足够的空间，内容，滚动条应该出现
浏览 3提问于2011-07-31得票数 0
回答已采纳
1回答
显示键盘的滚动页
、、、
我有一个问题:我在滚动视图中有一个固定高度的页面：
这是一页
当我弹出键盘时：
现在键盘有50%的屏幕，我想要页面的可见部分滚动-如何使它。因为如果用户在页面-键盘上的磁带不会关闭，一些用户会尝试滚动直到他们到达发送按钮。
这是我的xaml：
<ScrollViewer HorizontalAlignment="Stretch" Grid.Row="1" VerticalAlignment="Stretch" Margin="0,0">
<Grid Margin=
浏览 1提问于2013-08-28得票数 0
回答已采纳
1回答
首先，这些是我的推荐信
我创建了一些div并将它们放入div容器中。我希望容器始终滚动到底部最新的div。
$(document).ready(function() {
var container = $("#container");
var i = 0;
$("#btn").click(function() {
i++;
var div = $("<div></div>");
div.addClass("d");
div.html("Co
浏览 0提问于2018-03-01得票数 3
回答已采纳
1回答
我使用Bootstrap 5，我试图让第一行位于页面的顶部，第二行占据视区的其余部分，并使其内容垂直居中，而不使用滚动条(假设视区足够高)。下面是基本代码 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crosso
浏览 17提问于2021-07-07得票数 1
回答已采纳
我有这个HTML代码：
<div class="parentDisable"></div>
<div id="popup">
<div class="karmalayer">
<img src="<?php echo(IMG) ?>alpha-shadow.png">
Thank you for visiting
</div>
</div>
具有以下属性：
.karmawrapper {
浏览 0提问于2015-08-21得票数 0
我想这个问题以前可能有人问过，但我找不到一个好的关键字来搜索。
我的问题是webview的高度和内容不“增长”。
设想情况如下：
我有一个div和5个按钮，每个200 it高度，所以它需要1000 it总数。
如果屏幕只有900 be的高度，就会有滚动条，这就是我想要的。
每个按钮都会切换内容来追加自己。
如果一个内容占用200 be，那么包含一个扩展内容的总高度将为1200 be。
问题是屏幕仍然会像1000 to那样工作，用户不能滚动到最底层。
用户必须滚动到最上面一小段时间，这将成为正常的。
解决此问题的方法之一是在显示额外内容(如$( div ).height($(Div).heigh
浏览 1提问于2015-07-27得票数 0
回答已采纳
2回答
CSS页脚分隔
、、、、
我在我的页面上有一个固定的页脚，由文本组成，没有背景图像。我也有一个固定的背景图像，这是位于右下角。我在想，当我向下滚动页面时，我可以做些什么来防止我的内容与页脚和背景图像重叠。当我滚动时，有没有什么办法在它们之间放上填充？
浏览 3提问于2013-02-20得票数 1
2回答
我有一个这样的设置：
<div style="display: flex; flex-direction: column; height: 500px">
<div>
<div>Tab menu</div>
<div>Tab content</div>
</div>
<div>Content of item 2</div>
<div>Content of item 3</div>
</div>
当
浏览 0提问于2020-08-22得票数 1
我正在创建一个页面，它有一个背景图像，内容位于一个居中的容器中，该容器垂直向下运行。类似于Yahoo！答案布局：
如果你在Yahoo上最小化你的浏览器！答案是垂直滚动会变得“更长”，内容都会留在白色的容器上。
然而，在我的浏览器上，当我最小化我的浏览器时，容器底部的内容溢出并显示在背景图像上。我想让容器扩展..。
我不想使用overflow:auto或任何其他overflow属性，我也不喜欢滚动条。
请看下面内容，并提前感谢您：
body {
background-image: url('images/ppback.jpg');
padding: 0;
margin: 0;
w
浏览 1提问于2012-06-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
