溢出时不显示垂直滚动:auto
是CSS中的一个属性，用于控制元素在内容溢出时的显示方式。当元素的内容超出了其指定的高度或者设定了最大高度时，可以使用该属性来决定是否显示垂直滚动条。
具体解释如下：
- 溢出时不显示垂直滚动:auto属性会根据元素的内容是否溢出来决定是否显示垂直滚动条。如果内容没有溢出，即没有超出元素的高度或最大高度，那么不会显示垂直滚动条。如果内容溢出，超出了元素的高度或最大高度，那么会显示垂直滚动条，以便用户可以滚动查看全部内容。
该属性的取值有以下几种：
- auto：根据内容是否溢出来决定是否显示垂直滚动条。
- scroll：无论内容是否溢出，始终显示垂直滚动条。
- hidden：隐藏溢出的内容，不显示垂直滚动条。
- visible：无论内容是否溢出，始终显示全部内容，不显示垂直滚动条。
应用场景：
- 当元素的内容可能会溢出时，可以使用溢出时不显示垂直滚动:auto属性来自动控制是否显示垂直滚动条，以提供更好的用户体验。例如，在一个固定高度的容器中显示长文本内容，可以使用该属性来自动显示垂直滚动条，让用户可以滚动查看全部内容。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云提供了丰富的云计算产品和服务，包括云服务器、云数据库、云存储等。您可以访问腾讯云官网了解更多详情：https://cloud.tencent.com/
请注意，以上答案仅供参考，具体的技术实现和产品选择应根据实际需求和情况进行评估和决策。
相关·内容
这种情况是div内的jqGrid，其中网格的大小在垂直和水平上都大于div。其目标是使列标题与水平滚动一起左右滚动，并且在垂直滚动时始终保持它们可见。
通过为包含jqGrid的div设置overflow: auto，并为ui-jqgrid设置溢出-y为auto，可以很容易地添加CSS以同时拥有两个滚动条。
这种技术的问题是，只有当网格水平向右滚动以显示网格的右侧时，垂直滚动条才是可见的。使滚动并使用DOM操作来设置包含元素的大小会导致两个滚动条都是可见的，但是主体内容滚动而不滚动列标题。
有一个类似的堆栈溢出问题，但答案并不解决这个问题。
考虑到网格的DOM结构，似乎没有一个纯CSS解决方案。
浏览 2提问于2014-07-29得票数 0
我的一个网站有嵌套在绝对定位的可拖动对话框中的表，这些对话框基于一些用户交互显示/隐藏。值得一提的是，这些表具有table-layout: auto;和width: auto;。当一个表有那么多行时出现了一个问题，它离开了屏幕的底部边缘。这会导致拖放的问题，因为我们已经将拖放限制在视区的边缘。为了解决这个问题，我用一个<div>包装了表，并在它上设置了max-height: 400px; overflow: auto;。这给用户一个良好的垂直滚动条，每当表超过最大高度.这是可行的，但出于某种原因，浏览器( IE和Chrome)没有考虑滚动条的宽度，因此，每当表的高度超过最大值并触发
浏览 3提问于2011-06-21得票数 0
回答已采纳
我是一个复杂的网站与垂直滚动固定位置侧边栏。侧栏包含在悬停时显示工具提示的图标。工具提示水平溢出其侧栏容器，而溢出不显示。
下面是边栏的DOM结构以及相应的z索引和位置。注意，根<ui-view>元素至少是DOM中所有其他呈现元素的同级元素。
<ui-view> // position: relative
<div> // position: fixed
<ul> // position: relative
<ui-view> // position: relative
浏览 2提问于2017-01-31得票数 0
我有盒子div，它以绝对的位置占据所有的空间。在盒内，有另一个div应该占据相同的位置高度/宽度100%。
不知怎的，在IE11上，垂直滚动条出现了。(Chrome，Firefox不显示滚动条)
我相信滚动条的出现是因为有东西溢出，但我不知道为什么。
box div的溢出必须设置为auto，所以如果有任何溢出，它应该显示垂直滚动条，但是在小提琴示例中，不应该有任何溢出，据我所知。有什么想法吗？
HTML：
<div class='box'>
<div class='view'></div>
</div>
浏览 1提问于2015-06-18得票数 0
回答已采纳
我试图达到这样的效果，我在外部div周围有一个垂直滚动条，而水平内容从其中溢出。
为此，我在style.css中将overflow-y设置为auto：
.outerdiv {
background-color:brown;
width: 100px;
height: 100px;
overflow-y: auto;
}
和HTML：
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
浏览 2提问于2017-03-16得票数 0
1回答
Edge/IE挠曲和滚动条问题
、、、、
在使用flexbox时，我遇到了Edge/IE的问题。内容可能溢出，所以我使用overflow-x: auto。Flex方向是列，内容项上有flex-grow:1，所以不需要溢出-y。但滚动条位于内容的上方。在考虑滚动条之前，它似乎会计算项的高度。只有当使用flex方向列时，行才会正常工作时才会出现此问题。
下面是对滚动/自动/隐藏溢出-x和-y：的不同组合的操纵。
overflow-x:auto with overflow-y:hidden：水平滚动条隐藏内容。
overflow-x: scroll：解决了这个问题，它在考虑滚动条的同时正确计算高度。但内容可能不会溢出，从而显示禁用的
浏览 3提问于2016-10-13得票数 0
1回答
我试图展示一个容器，它的子容器是input元素，这些元素在无效输入上使用绝对位置的警告泡来修饰。然而，泡沫并没有像我预期的那样明显地溢出到容器之外。
这个问题可以用嵌套三深度的div元素最少地再现出来。下面是HTML：
<div id="a">
<div id="b">
USER INPUT
<div id="c">BUBBLE</div>
</div>
</div>
和CSS：
#a {
background-color: #EEEEEE;
浏览 3提问于2022-01-16得票数 0
我需要有一个网站，左(红)列是静态的，完全高度和不移动和右列(蓝色和绿色一起)滚动垂直和最后的右下角(绿色)部分将水平滚动。
我能够通过将绿色部分设置为溢出:可见部分，将蓝色和绿色部分一起设置为溢出:auto，但这仍然使蓝色部分随着绿色部分移动，并在水平滚动时显示右上角的空白点。
编辑1:我也能得到这样做的配置，但在内容较长的屏幕上，水平滚动条被推到垂直滚动部分的底部。这比我目前在标题中遇到的问题更不可取。
编辑2:目前，我认为我需要使用jquery或javascript来展开页眉部分的左边边距，以便在页面滚动时来回推送。不过，我想不出有什么办法可以得到滚动像素的数量。
浏览 2提问于2014-06-20得票数 0
回答已采纳
2回答
IE11弹性项垂直溢出
、、、
我知道这里的IE问题中存在许多flex溢出，但是我无法找到垂直溢出答案的解决方案。
如果您在Chrome中运行，您将看到内容垂直滚动与内部滚动，它尊重父服务器的max-height。(预期)
但是，如果您在IE11中运行，它就会溢出，而不是创建内部滚动。
知道吗？
编辑:一点点上下文，我试图创建一个模式，其中对话框有自动高度和增长，直到最大高度，然后设置内部滚动体。类似于。(卷轴=纸张)
不知道他们是如何使IE工作的
.container {
max-height: 100vh;
display: flex;
flex-direction: column;
backgrou
浏览 1提问于2018-11-28得票数 0
回答已采纳
我有一个侧边栏，有时大于主页，我试图设置垂直溢出，但垂直滚动条仍然没有出现。
/**
* Created by eduard on 07.01.2016.
*/
console.log("Height 1 ", sidebar_height);
if ($(window).height() < sidebar_height + 35) {
$('body').css('overflowY', 'auto');
//$("#sidebar").css('overflowY'
浏览 0提问于2016-01-07得票数 0
回答已采纳
我有一个绝对定位的div，和overflow:auto。
当垂直溢出时，会出现一个垂直滚动条。这出现在我的div中(尽管它不是固定的宽度)，它缩小了div内容的可用空间。在我的例子中，它导致文本不必要地包装，这是不可取的。
请参阅 -缩小页面，直到div溢出，滚动条出现-您将看到文本包装。
是否有任何方法使滚动条显示在div之外，或增加div的宽度以容纳滚动条？
注意，对于我的应用程序(小提琴是大规模简化的)，给div一个固定的宽度不是一个选项，禁用文本包装也不是一个选项。
浏览 1提问于2016-07-19得票数 1
2回答
我使用SMartGWT创建了一个TileGrid，现在我正在尝试设置Overflow参数，以便如果有溢出，滚动条只会出现在水平导航上，而不会出现在垂直导航上。基本上有4个插槽的瓷砖，如果我添加了第5个，只有滚动条垂直导航显示。换句话说，我希望溢出是内联的
我已经尝试了这些可能性，但都没有成功。
setOverflow(Overflow.AUTO)
setOverflow(Overflow.CLIP_V)
setOverflow(Overflow.CLIP_H)
setOverflow(Overflow.SCROLL)
我还尝试使用CSS代码
overflow-x: auto;
有什么想法
浏览 2提问于2012-12-14得票数 0
2回答
在CSS2.1中是否有可能只实现水平溢出？
overflow: auto;
将使块元素同时具有水平和垂直滚动条。我想要一个块元素(比方说<div>)，它只显示水平滚动条。我该怎么做？
浏览 0提问于2009-08-26得票数 31
回答已采纳
2回答
如果元素具有overflow: auto或overflow: scroll，并且其内容溢出，则会显示滚动条...但仅当内容溢出到右侧或底部时。
如果内容向左溢出或从顶部溢出，overflow是否可以应用滚动条？
浏览 1提问于2011-09-24得票数 0
回答已采纳
3回答
请参阅。我为所有的<td>标签提供了height:150px; overflow:auto;。在较少的内容上，高度工作得很好。对于更多的内容垂直滚动条需要来。但它在这里不适用于表单元格。
如果我在带有style属性的<td>标记中使用<div>，则height:inherit; overflow:auto;表示滚动正在工作。
<td>标签溢出有什么解决方案或原因吗？
请提个建议。
浏览 3提问于2012-09-21得票数 2
回答已采纳
2回答
我有以下几点：
.container {
width: 100%;
height: 100%;
position: relative;
}
.contents {
position: absolute;
float: right;
bottom: 0;
width: 100%;
top: calc(100% - 37px);
overflow-x: auto;
overflow-y: hidden;
}
<div class='container'>
<div class='contents'&
浏览 2提问于2017-11-02得票数 1
回答已采纳
2回答
大家好！
还有另一个IE的设计问题，我有一个工作溢出:在我的网页上的AUTO DIV完美地工作在Chrome上，然而-滚动条(或者基本上，溢出语法不工作)在IE上不显示，并且DIV显示DIV中的所有图像。
我目前正在使用这个代码块：
<DIV STYLE="WIDTH=50%; HEIGHT: 100%; OVERFLOW: AUTO;">
Bunch of elements here.
</DIV>
值得注意的是，我垂直使用这个溢出的DIV，如果这有帮助的话。有什么想法吗？
IE版本: 11。
浏览 10提问于2018-01-04得票数 1
1回答
“我的自动完成列表”的水平显示如下：
但是我想要垂直显示列表项。
我已经搜索并尝试实现如下一些解决方案：
溢出特征
..ui自动完成{max-高度:600 to；溢出-y: auto；/*防止水平滚动条*/溢出-x:隐藏；/*添加填充以说明垂直滚动条*/ z-索引:1000！重要；
}
--
2.
设置位置属性：
.ui-autocomplete {
max-height: 200px;
overflow-y: auto; /* prevent horizontal scrollbar */
overflow-x: hidden; /*
浏览 1提问于2016-01-19得票数 0
回答已采纳
我们使用Microsoft Edge的网站出现问题。一些垂直滚动条在.ic3-report-content-container中可见。检查网站
CSS是：
.ic3-report-content-container {
height: 100%;
overflow:auto;
}
在高度为100%的情况下，Edge如何显示垂直溢出？
容器div -父.ic3-report-editor -具有正确的高度。不知何故，这个div的高度变小了(没有边框，没有填充，没有边距……)
删除溢出或放置overflow-x:auto;和overflow-y:hidden;可以解决此问题。这是正
浏览 3提问于2015-08-04得票数 2
1回答
我正在创建一个带有静态标头和最小宽度列的表。这需要两个滚动条:垂直和水平。
现在，垂直滚动条应该只在表行中滚动，因为标头是静态的。
然而，当水平滚动时，行和标头都应该滚动。实现这一点的方法是，有一个容器，它同时包含头和正文，并带有overflow:auto。车身div有溢出-y: auto。
这样做的问题是，由于主体是水平滚动div的子元素，除非您一直向右滚动，否则垂直滚动条是不可见的。
我希望这两个滚动条总是可见的，但仍然只滚动他们的预期内容。
我创建了一个代码库来演示这个isue：
重要的部分是tableContainer和主体：
#tableContainer
{
border:
浏览 2提问于2017-05-26得票数 0
2回答
我们有一个带有<DIV style="overflow:auto; height:400px;>.</DIV>部分的页面，其中填充了数据库中的信息。有时它包含的文本比可见的多(因此是overflow:auto)，我们得到一个垂直滚动条。
如果文本溢出了<DIV>，我们希望将部分的底部边框更改为红色--如果没有垂直滚动条(=红色底部边框表示有更多的数据，因为人们并不总是注意滚动条)。
如何才能做到这一点？
设置"border-bottom:1px solid red;“将使底部边框始终保持红色，并且当文本数量没有规定溢出/滚动条时，这样就不会单
浏览 1提问于2012-08-02得票数 3
我使用的是jQuery手机，我有两个主要要求：
主体内容将是一个巨大的图形，应该占据整个页面，然后有滚动(水平和垂直)，如果它溢出。
报头必须固定在顶部，如果屏幕旋转，填充以展开。
因此，在我的ui-content div中，我使用以下属性放置了一个div
<div style="position: absolute; height: 100%;width:100%;top:42px;border:0;overflow:auto;">
问题是这个div仍然太大，因此显示body滚动条以及这个div的滚动条(垂直平面上的两个滚动条)。
这里是我所拥有的
浏览 1提问于2014-04-15得票数 0
这个问题看起来很简单(overflow:hidden，对吗？)直到我解决不了。我有一个简单的多行选择，并定义了大小：
<select size="10" name="elements">
...
</select>
MSIE和Opera只在需要时显示垂直滚动条，但是火狐和Chrome 总是在禁用状态下显示垂直滚动条。
我试着设置溢出，溢出-y，甚至溢出-x，但是没有任何效果。有什么想法吗？
浏览 12提问于2010-07-04得票数 9
回答已采纳
希望你能帮我。我希望我的div具有最大高度和溢出:auto以在元素中呈现滚动条。
div
{
overflow:auto;
max-height:700px;
}
Firefox和Chrome正按需要将垂直滚动条放置在溢出的div中，但是IE9将滚动条放置在div之外。
有人能帮我在IE上的元素中找到那个滚动条吗？
您可以在这里看到实际页面：
滚动的区域是右边的那个。
浏览 5提问于2015-03-10得票数 0
回答已采纳
2回答
当一个running latest version 21标签的内容溢出时，我试图让垂直滚动条在Chrome pre中显示。不过，我无法实际显示垂直滚动条。
参见此jsFiddle：
编辑
在Mac - OSX上
浏览 2提问于2012-09-14得票数 22
我有一个包装在div中的datatable。这个div有一个固定的高度overflow: auto，这将导致垂直滚动条显示溢出发生的时间。该数据表在每一行上都有一个编辑链接，用户可以在其中单击以编辑数据。此链接是ajax的命令链接。ajax运行得很好。我遇到的问题是，在ajax刷新datatable之后，垂直滚动条被重新定位到顶部。有没有办法防止这种情况发生？
谢谢
浏览 0提问于2014-03-04得票数 1
这是
我想让容器用它的内容扩展宽度。同时，它的高度是固定的。如果是垂直溢出，应该有一个垂直滚动条。
现在，overflow:auto以某种方式在容器中创建了滚动条，覆盖了内容。这不是我想要的。
如果我使用overflow:scroll，滚动条将在外面，但即使没有溢出，它也总是在那里。
我该如何解决这里的困境呢？已在Windows、最新版本的Chrome上测试。
浏览 2提问于2016-06-03得票数 1
2回答
我有一个在y方向滚动的div，其中包含以下css：
height: auto;
max-height: 300px;
overflow: auto;
问题是，文本框中可能有数百个行项目，溢出(虽然不可见)延伸了整个页面的整体高度，并且超出了页面的页脚。
我基本上需要隐藏超过300px高度的溢出。但是，很明显，如果我真的溢出:隐藏，我根本得不到垂直滚动条。
浏览 3提问于2016-05-24得票数 0
2回答
整个弹出-div是可见的，当我垂直滚动时，它如下所示。
只有一半的弹出式div是可见的，当我垂直滚动它，但是不可能看到弹出-div的第二部分。如何实现这一点？
css代码：
.popup
{
position:fixed;
z-index:9002;
background-color:#FFFFFF;
border:solid 1px #000000;
top: 20%;
left: 20%;
overflow: auto;
}
.popupbackground
{
background-color:#11
浏览 6提问于2011-06-09得票数 0
回答已采纳
我在一个WinForm的面板中有一个WinForm。我希望隐藏RichTextBox的垂直滚动条，并将其滚动与容器面板的垂直滚动条同步；每当文本在textbox中溢出时，面板的滚动条就会显示出来，每当我滚动面板的滚动条时，textbox就应该滚动。如何做到这一点？
浏览 4提问于2013-08-15得票数 3
回答已采纳
1回答
我只是无法在溢出x: auto中找到一个粘稠的表头来工作。
目标是拥有一个包含在div (100% div)中但能够水平滚动溢出的多列的表，当垂直滚动时，表的标题固定在页面的顶部。
<div style=“overflow-x: auto”>
<table class=“table”>
<thead class=“sticky”>
<tr>
<td>Col 1</td>
<td>Col 2</t
浏览 19提问于2020-08-21得票数 9
2回答
我正在尝试设置一个HTML文档，其中有一个固定位置的标题栏，其中包含应用程序的所有菜单选项；该栏应该固定在页面的顶部。条形图的实际内容部分的最小宽度应为1000 is，并且应该包含在一个包装器中，如果页面的is>1000 is，则该包装器将填充所有剩余的空间，并将内容部分居中。
我已经能够这样做了，使用display: fixed，当滚动垂直的时候，我可以让条形条坚持到页面的顶部，但是如果页面是<1000 it，水平滚动不会显示该条的其余部分，它会坚持到其固定的0,0位置。
更改为display: relative，当水平滚动时，条形图的行为与预期一样--我可以看到它的右半部分--
浏览 9提问于2015-08-27得票数 0
回答已采纳
我正在创建一个页面，它有一个背景图像，内容位于一个居中的容器中，该容器垂直向下运行。类似于Yahoo！答案布局：
如果你在Yahoo上最小化你的浏览器！答案是垂直滚动会变得“更长”，内容都会留在白色的容器上。
然而，在我的浏览器上，当我最小化我的浏览器时，容器底部的内容溢出并显示在背景图像上。我想让容器扩展..。
我不想使用overflow:auto或任何其他overflow属性，我也不喜欢滚动条。
请看下面内容，并提前感谢您：
body {
background-image: url('images/ppback.jpg');
padding: 0;
margin: 0;
w
浏览 1提问于2012-06-17得票数 0
我有一个垂直滚动条，它被设置为auto，只有在内容被滚动时才会显示。我的代码运行在Chrome上。默认情况下，Chrome覆盖内容顶部的滚动条，当它检测到没有鼠标移动时，滚动条就会消失。但这似乎只适用于Mac电脑。但是，当我在Windows上运行相同的应用程序时，滚动条将显示出来，但将内容推到左边，其大小是滚动条的宽度。这是不好的行为，因为它往往会使内容闪烁。有什么方法可以让滚动条像在Mac上那样覆盖在内容的上面吗？
您可以看到这种效果，如果您运行的Mac，只需滚动这个堆栈溢出的文章上至顶部或下至底部。您会注意到滚动条是覆盖的。
浏览 1提问于2018-08-23得票数 1
回答已采纳
1回答
我在主体上使用了网格显示，在第1列中使用了一些控制元素，在第二列中使用了完整页面视图。第一列可能包含许多元素，并且需要垂直滚动(overflow:auto)。
我在网格列中的其他元素中有一个输入元素，我将平面选择器分配给它。
flatpickr("#date-input", {
static: true,
//appendTo: "scroll-parent"
});
我的问题是，没有静态属性的平板拾取控件显示，但不会滚动。
使用静态属性，平板选择器控件将与输入元素一起滚动，但显示会使父容器溢出滚动。
我希望控件在没有静态的情况下显示为可见，但在滚动时
浏览 10提问于2022-03-15得票数 0
回答已采纳
1回答
我已经创建了一个jquery插件，它通过一些HTML在Joomla文章中呈现。
现在，有一个操作，它在初始内容(红色内容)的底部添加一些内容：
现在，为了显示所有内容，我在文章中添加了overflow:auto，但它是在文章滚动条的帮助下显示的，如下所示：
如何删除垂直文章的滚动条并“推入”页脚内容，以便使用主垂直滚动条进行导航？
谢谢!
浏览 2提问于2013-12-18得票数 0
我在堆栈溢出网站上找到了很多解决类似问题的帖子，但都不够相似，我就是解决不了这个问题.我有表格输出，可能超过一个观察区域的宽度，高度，或两者。输出伴随一个标头。如果输出超过高度，用户应该能够向上/向下滚动，但是头必须保持固定的。如果输出超过水平区域，用户应该能够左右滚动，标题必须移动w/内容。
我尝试过各种组合的溢出:滚动，溢出:滚动-x和卷轴-y，溢出:auto，w/表标题，两者的内容，并与它分开。我只遇到过w/只有混合成功；要么我可以让标题沿着w/w/内容滚动，然后它在垂直滚动时消失，或者我可以让标题在垂直滚动的情况下保持固定，但是如果输出水平滚动，则它仍然是固定的。
下面是我使用的 w/
浏览 5提问于2014-02-19得票数 0
我希望在另一个包装器中有一个动态高度div，它总是填充父容器，并自动缩小其大小，在发生溢出时显示一个垂直滚动条供用户滚动。
下图是我所期待的：
目前，内容窗格只是溢出包装和推送页脚窗格的视线之外。
小提琴在这里，
#wrapper{
padding: 10px;
vertical-align: middle;
background-color: cyan;
min-height: 100px;
height: 300px;
max-height: 300px;
}
#dynamic{
background-col
浏览 3提问于2013-08-15得票数 4
回答已采纳
1回答
我在HTML页面中配置了以下DIV：
<div id="contentDiv" style="padding-top: 20px; padding-left: 20px; overflow: auto; height: 100%;" >
内容足够大，需要一个垂直滚动条。在IE中，页面看起来没有问题。然而，在FF中，滚动条的底部会按照顶部填充的设置量(即20px)从页面底部溢出。有没有办法保持填充顶部并在FF中显示完整的滚动条？谢谢。
浏览 2提问于2012-02-23得票数 0
2回答
删除Html元素的默认样式
、、、、
默认情况下，下面的样式正在应用。如何删除样式溢出-y:滚动
<div class="webix_view webix_list-x removeScrollbar" role="listbox" view_id="RailimageList1"
style="border-width: 1px; overflow-y: scroll; margin-left: 0px; margin-top: 0px; width: 1290px; height: 105px;">
<div class="we
浏览 0提问于2018-10-23得票数 0
回答已采纳
所以我发现我的网站出了问题
“-webkit-溢出-滚动:触摸”
这样，当内容溢出(所有内容都在iframe中)时，滚动的右转现在就能工作了。但是，我注意到，当您在这个iframe内垂直或水平滚动时，没有显示最初在页面上绘制的任何内容，它只是白色的。
我遗漏了什么吗？
浏览 2提问于2012-06-07得票数 3
回答已采纳
4回答
我已经设置了溢出，因为我希望限制框的高度，并在需要时显示一个滚动；所以我添加了overflow-y: auto;，因为这通常是这样做的。但是现在我也看到了第二个框中的水平滚动条，尽管我不知道为什么？
我试着添加overflow-x: visible;，但是它没有起作用。我不想在这些框上设置任何宽度，因为它们只需要内容的宽度+一些填充。
您还将看到垂直滚动条启动太快，不允许所需的填充。
我在这里能做什么？
浏览 7提问于2013-12-23得票数 0
回答已采纳
我在Flex中有一个只能在垂直方向滚动的画布，所以我将画布的属性设置如下：
verticalScrollPolicy="auto" horizontalScrollPolicy="off"
这里的问题是，当内容出现时，垂直滚动条会覆盖内容-尽管还有足够的水平空间。我本以为内容大小会自动调整。
将垂直滚动策略设置为"on“时，也不会覆盖任何内容。
如果我将两个滚动策略都设置为'auto‘，我也会得到一个水平滚动条，用于滚动到垂直滚动条所覆盖的区域。
当垂直滚动条显示时，我如何重新布局画布的内容，使其不覆盖任何内容，是否有解决方法？
浏览 7提问于2008-11-15得票数 10
回答已采纳
4回答
我有一个DIV结构如下：
<DIV id="main">
<DIV id="header">
</DIV>
<DIV id="inside">
</DIV>
</DIV>
这是布局
|________________|
| |
| |----------| |
| | header | |
| | | |
| |----------| |
| |
| |
浏览 7提问于2016-04-14得票数 0
回答已采纳
我在带有div的overflow-x: auto容器中有一个下拉菜单，每当我向容器中添加溢出属性以启用水平滚动时，您需要垂直滚动才能看到被删除的菜单！！这不是我想要的，是否有一种解决方案使下拉菜单与容器的容器重叠--保持在容器内水平滚动navbar的能力？
全球综合框架问题：
另一个没有溢出的GIF，它解决了问题，但禁用了容器中的水平滚动条。
我正在寻找一个纯粹的CSS解决方案。
浏览 1提问于2017-02-21得票数 6
回答已采纳
1回答
我希望垂直浏览器滚动条总是可见的。在styles.css中，我有以下内容：
html,
body {
overflow-y: scroll;
}
但是角将显示浏览器滚动条旁边的另一个滚动条(禁用的滚动条)。
但是，如果我将溢出-y设置为自动，则只显示浏览器滚动条。当将溢出-y设置为滚动时，如何防止显示另一个滚动条的角度？
下面是一个柱塞，显示了两个滚动条：
浏览 0提问于2016-09-28得票数 0
回答已采纳
2回答
我有一个div视图，如果它溢出，我只想显示它的滚动条。我也想显示边界，但只有当它溢出的时候。
我使用CSS类计算出了滚动条部分。
.conditional-scrollbars {
overflow: scroll;
overflow-y: auto;
overflow-x: auto;
}
是否有一种方法仅在div边界溢出时显示它？
是否有在滚动条可见时触发的事件？
浏览 2提问于2018-01-09得票数 0
回答已采纳
1回答
我正在使用插件创建幻灯片。我的幻灯片内容长度在每个幻灯片上是不同的。在移动设备上，我的内容溢出并超出了移动屏幕的高度，移动屏幕要求用户垂直向下滚动以查看超出内容的内容。但是，我不能垂直滚动，因为我的网页是为幻灯片设计的。我的问题是，当内容被覆盖而不是滚动幻灯片(水平)时，我如何使幻灯片垂直滚动？我使用下面的代码初始化整个页面。
$('#main').fullpage({
lockAnchors: true,
anchors: ['section'],
loopHorizontal: false,
controlArrows: false
});
浏览 0提问于2018-08-06得票数 4
回答已采纳
假设我身边有两个div。两者都是400 px400 to，并且溢出设置为auto。里面的内容比400 is高，所以有垂直滚动条。
当鼠标在左边的div上方，用户使用鼠标轮滚动时，我希望另一个div滚动，反之亦然。
因此，基本上当用户在某个区域上使用鼠标轮时，我想分别控制另一个区域的滚动。
这与jQuery是可能的吗？
浏览 2提问于2014-01-25得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
