Div溢出滚动在Chrome中不起作用
是一个常见的问题，它通常是由于CSS样式或HTML结构的问题导致的。下面是一个完善且全面的答案：
Div溢出滚动是一种CSS属性，用于在内容超出容器尺寸时创建一个滚动条，以便用户可以滚动查看剩余内容。然而，在Chrome浏览器中，有时候这个属性可能不起作用，导致内容无法滚动。
解决这个问题的方法有以下几种：
- 检查CSS样式：首先，确保你已经正确地应用了溢出滚动属性。在CSS中，可以使用
overflow: auto;或overflow: scroll;来实现溢出滚动效果。另外，还要确保没有其他CSS样式或选择器覆盖了这个属性。 - 检查HTML结构：确保你的HTML结构正确，包括正确嵌套和闭合标签。如果HTML结构出现问题，可能会导致溢出滚动属性无效。
- 检查父元素尺寸：如果父元素没有设置固定的高度或宽度，溢出滚动可能不起作用。因此，确保父元素有足够的高度或宽度来容纳内容，并且设置了适当的CSS属性。
- 检查浏览器兼容性：有时候，某些浏览器版本可能存在兼容性问题，导致溢出滚动属性不起作用。在这种情况下，可以尝试更新浏览器版本或使用其他浏览器进行测试。
总结起来，解决Div溢出滚动在Chrome中不起作用的问题需要仔细检查CSS样式、HTML结构、父元素尺寸和浏览器兼容性等方面。如果以上方法都无法解决问题，可以尝试搜索相关的开发社区或论坛，寻求其他开发者的帮助和建议。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网开发平台（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发平台（MPS）：https://cloud.tencent.com/product/mps
相关·内容
3回答
我想有一个div区域可滚动在我的页面上，并已设置溢出在我的div CSS的滚动，但现在我想隐藏滚动条在所有的浏览器，这样div可以滚动没有滚动条/面板显示，包括隐藏在Firefox的可怕的滚动面板，我知道如何隐藏滚动条在chrome，但这在firefox不起作用，有人能建议谢谢吗？
下面是我用来在chrome和其他webkit浏览器中隐藏滚动条的方法：
#element::-webkit-scrollbar {
display: none;
}
浏览 7提问于2013-04-15得票数 5
我正在尝试为溢出设置为自动的div设置一个“滚动到顶部”按钮(当溢出超过div限制时会显示滚动条，所以这不是问题)。单击按钮时，我在javascript (而不是jquery)函数中调用for循环。for循环的每个递减增量(从当前element.scrollTop位置开始)都会逐渐向下滚动，直到element.scrollTop为0。理论上非常简单明了。在IE中像做梦一样工作(非常不典型！)但在Firefox或Chrome中不起作用！它所做的就是跳转到top...no平滑的渐进式向上滚动，这就是我想要的！请帮帮我！
javascript：
function scrollUp(d){
var s
浏览 0提问于2015-01-31得票数 0
我有一个层叠的div布局，它显示了以下部分，这些部分实现为display: table-row
标题
第1节
第2节
页脚
这些部分被包装在带有display: table的包装器div中。
第2节应占用其余的空间，并在本节中呈现其内容。本节中溢出的内容应该像溢出一样滚动。
这是一个，它或多或少地显示了它应该做什么，但它只在Chrome中工作。在IE11/FF中，溢出不起作用，内容将页脚从viewport中推开。
这是我的实现中的一个问题，还是Chrome以外的浏览器中的一个普遍问题？
浏览 1提问于2013-12-09得票数 0
我有一个奇怪的问题，谷歌Chrome，柔性盒和溢出。
当容器处于flexbox模式并且一个子容器开始水平溢出(假设您通过javascript更改内容的宽度)时，滚动条就会出现，但无法操作。
强迫浏览器重新绘制(例如，通过调整大小)将使滚动条再次工作。
下面是一个例子：
在Google Chrome中
试着滚动段落
在"Toggle类“上单击两次以移除滚动并重新设置它。
再试一次滚动(滚动不起作用)
调整窗口大小以强制重绘
卷轴又起作用了
这似乎只有在容器显示时才会发生，flex。
$('#toggle').on('clic
浏览 0提问于2015-04-08得票数 4
回答已采纳
希望你能帮我。我希望我的div具有最大高度和溢出:auto以在元素中呈现滚动条。
div
{
overflow:auto;
max-height:700px;
}
Firefox和Chrome正按需要将垂直滚动条放置在溢出的div中，但是IE9将滚动条放置在div之外。
有人能帮我在IE上的元素中找到那个滚动条吗？
您可以在这里看到实际页面：
滚动的区域是右边的那个。
浏览 5提问于2015-03-10得票数 0
回答已采纳
1回答
我正在尝试隐藏包装在容器中的HTML5视频的溢出。然而，firefox和chrome中仍然有滚动条。当我尝试在中重现这个问题时，它工作得很好(没有滚动条)，但同样的代码在火狐或chrome中会创建一个滚动，并且不会隐藏任何溢出。
你知道我怎样才能隐藏HTML5视频的溢出，为什么它不起作用吗？PS。我尝试将容器的位置更改为各种不同的东西，并尝试将overflow: hidden分解为overflow-x和overflow-y
<div class="video_container">
<video autoplay loop controls muted=
浏览 8提问于2016-08-24得票数 1
回答已采纳
1回答
在firefox上覆盖滚动条
、、、、
我有一个问题，我有一个div，它可以改变高度，但是当它溢出时，滚动条会改变它的宽度，这是让这个滚动条在不改变宽度的情况下“覆盖”div的任何方法。
在Chrome上有：
overflow: overlay;
虽然它在firefox上不起作用。有什么解决方案吗？不管是javascript，jquery还是css。
谢谢。
浏览 2提问于2016-05-28得票数 5
1回答
我在我的项目中使用jquery。
我的需求是设置表体的最小高度，溢出需要滚动。
它不能在chrome浏览器中工作，在firefox中可以正常工作
表体高度溢出在chrome中不起作用
..... .....
浏览 2提问于2010-08-19得票数 0
我有一个可滚动的div，它使用溢出:滚动。
我想在这个div中设置滚动条的样式，但是我添加的样式也会更改浏览器滚动条。如何调整它，使只有页面中的滚动条更改？
Note：请在Chrome中进行测试，因为到目前为止我已经测试过了，滚动条样式在火狐中不起作用。
Codepen：
CSS
::-webkit-scrollbar {
width: 16px;
}
::-webkit-scrollbar-track {
-webkit-border-radius: 10px;
border-radius: 10px;
background: white;
}
::-w
浏览 2提问于2018-09-25得票数 0
回答已采纳
1回答
我有一个三栏网站。外柱固定，中间柱流动。我用
<div style="display:table">
<div style="display:table-row">
<div style="display:table-cell">
</div>
<div style="display:table-cell">
</div>
<div style="displa
浏览 2提问于2013-02-20得票数 1
回答已采纳
2回答
我正在开发一个有博客部分的网站。我需要这个区域有一个固定的高度。为了能够看到博客中的所有帖子，我添加了一个溢出: auto，以便在需要时显示一个滚动条。
<div id="container">
<div id="content">
<div class="post">
This is a long post....
</div>
<div class="post">
This is a long post....
浏览 4提问于2014-04-06得票数 9
回答已采纳
我有一个页面，上面有HammerJS v2。我的布局看起来像这样：
body - overflow: hidden
div1 - overflow: hidden (this is always the size of the viewport)
div2 - overflow-y: auto
div1 - overflow: hidden (this is always the size of the viewport)
div2 - overflow-y: auto
当div2的内容溢出时，它会显示一个滚动条，然而，当在safari或chro
浏览 0提问于2014-12-11得票数 2
我有盒子div，它以绝对的位置占据所有的空间。在盒内，有另一个div应该占据相同的位置高度/宽度100%。
不知怎的，在IE11上，垂直滚动条出现了。(Chrome，Firefox不显示滚动条)
我相信滚动条的出现是因为有东西溢出，但我不知道为什么。
box div的溢出必须设置为auto，所以如果有任何溢出，它应该显示垂直滚动条，但是在小提琴示例中，不应该有任何溢出，据我所知。有什么想法吗？
HTML：
<div class='box'>
<div class='view'></div>
</div>
浏览 1提问于2015-06-18得票数 0
回答已采纳
因为我的站点上有几个皮肤上的选择框，所以我使用dropkick.js，它实际上用交互式div替换了选择框。如果列表大于最大高度，则溢出自动生成滚动条.它在Firefox、Chrome和Safari上运行得很好。
在Windows8+ IE9 & IE10上会出现一个滚动条，但是当我单击或尝试拖动它时，div会隐藏！
我只在一个引导UI组合框上发现了一个稍微类似的问题，但是这个脚本对我来说不起作用，因为dropkick.js不使用引导，而修改脚本也不能解决这个问题。
我希望它能在div上与stopPropagation修复，但在这方面也没有任何进展。尝试-ms-溢出样式:滚动条，但这
浏览 7提问于2013-09-11得票数 0
回答已采纳
2回答
使柔性箱容器覆盖内容高度？
、、、、
我正在尝试使用Flexbox来获得一个布局，在上面有一个条形图，并为页面的其余部分提供内容。测试用例位于：
有趣的是，Google已经按照我想要的方式运行了；当视口垂直大小太小时(所有浏览器似乎都在水平上做我想做的事情)，content div中的内容就会溢出div，而Chrome会显示内容的垂直滚动条。但是，在边缘和火狐中，当视图端口的大小垂直地太小时，content div本身的大小永远不会小于其文本内容，因此它会溢出视图端口，从而导致整个视图端口得到一个垂直滚动条，而不仅仅是content div。不同之处在于：
Chrome:
非Chrome:
这些浏览器中的哪个正在正确
浏览 1提问于2018-11-24得票数 1
2回答
我有一个网络应用程序，我正在适应iOS5使用Phonegap。除了一个问题之外，一切都可以正常工作：
我的内置<div>在iPad上根本不滚动，设置为溢出时可以滚动，而Chrome溢出时可以完美滚动。
--我已经通过禁用touchmove禁用了应用程序拖动；--我已经实现了(可能是错误的？)the -webkit-overflow-scrolling:touch CSS属性，这显然是iOS5的新特性，如下所示：
overflow: scroll；-webkit-overflow-scroll:touch；
似乎什么都不起作用。
如果我注释掉禁用应用程序拖动的javascript (
浏览 2提问于2011-11-28得票数 2
当有溢出时，我的容器应该打开一个滚动条。当滚动条不满时，它不会显示任何滚动条。我用过“溢出:隐藏”来做这个。它在chrome和mozilla中工作得很好，但在IE8中却不是这样。我看到溢出操作没有被触发。
html：
<div class="myBlock" style="overflow:hidden; outline:none;">...</div>
CSS：
.myBlock {
overflow-y: scroll;
height: 349px;
}
当我的容器溢出时，我只需要y轴上的滚动条。如果我遗漏了什么，请告
浏览 1提问于2014-10-31得票数 0
一般问题
我们的两个ExtJS 5.1.0应用程序长期存在问题，而div滚动条在Chrome中不显示，只使用QA测试人员的AWS浏览器。在其他使用Chrome的网站上，他们没有看到这一点，只有我们的两个应用程序。我们可以忽略这个问题，因为这个问题是孤立的，但是现在一个用户也遇到了同样的问题。
我们已经确认了两者的区别在于，在哪里有一个div应该是溢出的: auto被生成为溢出:隐藏。因此，网格、下拉列表等的滚动条不会呈现，但div仍然可以通过其他方式(选项卡、页面向下)滚动。
我一直在寻找导致这一切的一般想法--是ExtJS吗？窗户设置？镀铬设定？同样，这个问题被隔离到AWS工作区的Chrom
浏览 1提问于2020-03-30得票数 0
我的问题应该很简单才能解决，我想要正确地解决这个问题，以便跨浏览器工作。我想有一个水平滚动条与溢出x:滚动和溢出-y:隐藏在一个指定的.scrollLeft位置与我的网站的任何刷新对齐。
我想出了：
<head>
<script type="text/javascript">
$(window).load(function(){
$('outside, html').scrollLeft (100);
});
</script>
<style type="text/css">
div#outsid
浏览 2提问于2014-02-20得票数 1
回答已采纳
我使用的内容可编辑的div与“溢出:自动”和"-webkit-transform: scaleX(1.3)“。这种转换会使滚动条在OS上的Chrome/Safari和Windows上的Chrome中变得非常宽。我的问题是：
如何使滚动条不能显示得更宽(即它们的原始宽度)？
其他详情：
scaleX的值，虽然在本例中是固定的，但在此示例派生的代码中没有固定。
我需要动态地设置滚动条的宽度以匹配转换:scaleX因子
HTML：
CSS：
#溢出{宽度:100 2px；高度:100 2px；空白:预包装；空白:0 2px；溢出:自动；填充:2 2px；边框:1
浏览 5提问于2013-10-18得票数 0
回答已采纳
当我有一个“覆盖侧边栏”类型的div，position: fixed在正文的右侧(也有溢出内容)，我会得到两个滚动条。 我想我想要的是覆盖div“掩盖”身体滚动条，如果这是可能的。在Chrome和Linux上的示例example on Chrome & Linux here和示例js fiddle here 谢谢!
浏览 67提问于2020-10-06得票数 0
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
当我将overflow-x: scroll添加到包含两个大文本的div中时，div是可滚动的，尽管它没有溢出。但是，当我在末尾添加另一个小元素(br，p，具有较小的字体大小)时，它将无法滚动。
示例(使用TailwindCSS)：将有滚动
<div class="container flex flex-col overflow-x-scroll">
<h1 class="text-6xl font-bold mb-4">
Lorem ipsum
</h1>
<p class="text-6xl
浏览 4提问于2021-07-27得票数 1
我在网页上创建了一个特定的功能，要求CSS溢出在Chrome和Firefox之间保持一致(理想的是IE也是如此)。当使用像Arial这样的普通web字体时，没有问题，但是一旦我开始使用google字体，我就会看到CSS溢出的不同之处。
下面是一个演示：，这是一个固定宽度的div，带有一些示例文本。"Playball“是谷歌的字体。
#box {
height: 160px;
width: 200px;
border: black 1px solid;
font-size: 2em;
font-family: 'Playball',
浏览 4提问于2012-04-04得票数 4
回答已采纳
我知道在FF (大多数是旧版本)或其他地方有很多关于溢出问题的帖子，但是我找不到与我的例子相关的东西。
我试过这段代码，它应该产生一个滚动条:它在Chrome和IE中的工作方式与预期的一样，但在FireFox中却不起作用。
<!DOCTYPE html>
<html><body>
<div style="height: 25px; overflow: auto;">
<div style="height: 100px;"></div>
</div>
</body
浏览 2提问于2012-11-08得票数 1
回答已采纳
我想要将一个div居中，然后(通过transorm: scale )将其缩放为更大。 我使用flexbox将div居中。我想使用整个视图空间，所以我给HTML和BODY元素一个100%的高度。 在Firefox中，它的渲染效果很好。然而，在Chrome中，内部div的缩放似乎会导致BODY元素溢出，并出现一个垂直滚动条。 如果你在Chrome和Firefox中运行下面的代码片段，你会注意到不同之处:垂直滚动条只出现在Chrome中。我想让它在Chrome中看起来就像在Firefox中一样(没有滚动条)。 有人能帮我解决这个问题吗？ html {
height: 100%;
浏览 10提问于2019-03-03得票数 1
回答已采纳
8回答
HTML元素溢出中的图像
、、、、
Chrome和其他浏览器为html元素提供了overscroll (也称为弹性滚动，或橡皮筋滚动)。(请参见或。)
我想在html滚动的图像作为复活节彩蛋，有点像iOS复活节彩蛋的。(请参阅“您是最新的”。在屏幕截图中。)
CSS
html {
background: green;
}
为溢出提供颜色。镜像不起作用：
html {
background: url(image.png);
}
如何将图像放入html溢出？
浏览 2提问于2016-05-14得票数 34
2回答
在Chrome中禁用滚动
、、、
我需要在Chrome上禁用HTML页面中的滚动。我写了overflow:hidden，以便在Firefox和Internet Explorer中隐藏滚动条并禁用鼠标滚轮。仍然可以通过点击鼠标滚轮在firefox中滚动，但我不在乎这一点。
所以溢出:隐藏只是隐藏了Chrome中的滚动条，但我们仍然可以使用鼠标滚轮滚动。
我做了一个JSFiddle ，但是它用自己的滚动条抛出了一些错误，所以我建议你创建这个简单的html脚本来试试：
<html>
<head>
<style>
body{
overflow:hidden;
}
div{
height:2000p
浏览 1提问于2013-07-17得票数 2
我有这个布局。将容器div设置为
.container {
width: 80vw;
max-height: 75vh;
margin: auto;}
里面是一个面板div，里面有头和体div，然后是我嵌套的柔性盒。见下图：
主挠曲盒div被设置为行，其中有2个div是挠性盒列。
其中有一个div，每个div都有溢出-y设置为滚动，而且它们都有很多内容。
这在Chrome和Safari中运行得很好，但在IE11中，滚动div不滚动--它们达到内容的全部高度，并从容器中溢出。
要清楚的是:只有那些黄色的div应该滚动。
我在这里错过了什么？
更新
我创建了一支简约的钢笔：。
浏览 2提问于2016-05-05得票数 3
回答已采纳
我有以下手风琴：
<div id="accordion">
<h3>Section 1</h3>
<div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /&
浏览 0提问于2013-06-25得票数 2
回答已采纳
2回答
IE11弹性项垂直溢出
、、、
我知道这里的IE问题中存在许多flex溢出，但是我无法找到垂直溢出答案的解决方案。
如果您在Chrome中运行，您将看到内容垂直滚动与内部滚动，它尊重父服务器的max-height。(预期)
但是，如果您在IE11中运行，它就会溢出，而不是创建内部滚动。
知道吗？
编辑:一点点上下文，我试图创建一个模式，其中对话框有自动高度和增长，直到最大高度，然后设置内部滚动体。类似于。(卷轴=纸张)
不知道他们是如何使IE工作的
.container {
max-height: 100vh;
display: flex;
flex-direction: column;
backgrou
浏览 1提问于2018-11-28得票数 0
回答已采纳
2回答
我有一些有很多内容的div，我想在主div中滚动一些div到视图中。因此，这主要是y溢出滚动和x溢出隐藏。
我不想滚动窗口或正文，只想滚动div的内容.
$(document).on("click", ".CommentBut", function() {
//////when the Comment button is clicked.////
$('#QuickRead').scrollTop()
////Scroll Quick Read Div to the top./////
});
但是上面的方法不起作用，我认为我的方法或语法可能
浏览 5提问于2014-03-27得票数 0
回答已采纳
我试图在表格单元格中显示一个滚动条，该单元格的内容可能比原始的表格单元格大，而且我不希望整个表扩展为。
。正如您所看到的，它在Google中工作，但在Firefox和IE中不起作用:它们的行为就好像根本没有溢出:滚动。在Safari还没试过，但我怀疑这也行不通。
那么，是谁的错，是Chrome实现了不应该被支持的东西，还是所有其他的呢？更新：要明确的是，不是单元本身被溢出了，而是我在里面放了一个div。代码如下所示：
<table>
<tr>
<td class="header">
<di
浏览 4提问于2011-04-09得票数 1
1回答
首先，小提琴：
我很难让一个内部div占据容器的其余高度。正如你在小提琴中所看到的，div“整体”有一个标题连接到它，下面是一个“内容”div。这个“整体”div溢出高度为100%的“内容”div，而不是抓取其父“内容”的高度，而是抓取整个视图的高度。
<div class="whole">
<div class="left">
</div>
<div class="right">
</div>
</div>
这个容器应该适当地装在里
浏览 6提问于2015-07-16得票数 2
回答已采纳
3回答
由于某些原因，我的滚动条的样式发生了变化。
我没有更改任何溢出样式(我在div中使用了overflow-y: scroll )。
当div不被滚动时，滚动条通常会消失，类似于Facebook聊天中使用的滚动条。
现在它有了这个静态边框，滚动条不会消失：
我使用Chrome作为浏览器。
浏览 1提问于2015-12-30得票数 0
1回答
我希望在我的网站上有这样一个很酷的滚动效果：
有两个背景图像的滚动速度比页面的其他部分要慢得多，除以另一个具有较高z-index值和未修改滚动速度的元素。
我在Firefox中成功地使用了3d转换和溢出:隐藏(如您所见，这两个背景图像不重叠)。下面是代码的重要部分：
HTML：
<div class="container-container">
<div class="container">
<div class="slow-scroll">
<i
浏览 2提问于2022-01-11得票数 0
2回答
仅在溢出时启用滚动条
、、、、
在我的代码中，我使用overflow-y: scroll启用滚动条，并将最大高度设置为40px。在chrome浏览器中，它工作得很好，滚动条只有在发生溢出(即文本长度超过2行)时才可见。但是在firefox浏览器中，垂直滚动条总是可见的，我的要求是只有当溢出发生或超过40px的高度时，垂直滚动条才可见。
<div class="message-main-ok-text has-warning" style="max-height:40px;overflow-x:hidden;overflow-y:scroll;">
请帮帮我
浏览 0提问于2019-11-20得票数 0
的设置：在我正在构建的页面中，我在一个div中有一些超大的文本，我希望它可以滚动。文本应该从屏幕的右边边缘运行，并且只能水平滚动(如果我能先让这个看起来正确的话，我会在后面挂起横向滚动)。
我需要隐藏滚动条(目前我得到0、1或2!)。我让它在chrome中工作，但是在Firefox、Safari和IE中，滚动条仍然会出现。
我找到了、和这个，它完全实现了我想要的功能，但是当我试图将它应用到我自己的代码中时，它隐藏了溢出的文本(看起来诀窍是用一个容器隐藏溢出的滚动条，但我无法想出如何做到这一点，同时将文本明显地溢出到右边)。
下面是我的示例代码摘除上下文：
.outer_containe
浏览 8提问于2017-01-26得票数 1
回答已采纳
当我将CSS selectmenu放在一个有jQuery属性overflow: scroll并且比它的内容小的div中时，下拉菜单没有跟随溢出的div中的滚动。
请参阅此处的示例
我已经找到了一种用下面的代码修复它的方法：
$(".demo").scroll(function(){
$( "#salutation" ).selectmenu( "open" );
});
但我认为这不是解决问题的最好方法，因为当我在我的计算机上尝试代码时，下拉列表似乎并不完全跟随select元素。此外，当我在溢出的div中滚动时，下拉菜单会打开，这也不是下拉
浏览 5提问于2019-01-06得票数 0
1回答
我在制作一个定义了高度和宽度的项目列表以在IE中正确显示时遇到了问题。在IE中，溢出既不适用于高度也不适用于宽度，在chrome中，只有框的高度会被弄乱，右侧的溢出会像预期的那样被隐藏。
我运行一个jquery脚本来截断溢出的文本，以便它适合高度。此脚本在ie中不起作用，因为滚动高度始终与高度相同。然而，在Chrome中，如果其中一行溢出到右边(宽度)，文本就不会正确换行，所以我尝试将word-wrap添加到css中，但没有任何效果。
我在这个中一直在研究这个问题，这个问题的所有细节都应该可以在那里找到。
我用IE9和Chrome24进行了测试。
浏览 0提问于2013-02-20得票数 0
回答已采纳
3回答
我注意到Chrome和Edge在溢出行为上的区别。
正如您所看到的运行以下代码，在Chrome中，这只显示垂直滚动条(在我看来是正确的)，而在Edge中有两个滚动条。
这有什么原因吗？我如何使Edge的行为方式与Chrome相同？
谢谢!
.container1 {
display: flex;
flex-flow: column;
align-items: flex-start;
}
.container2 {
display: flex;
flex-flow: column;
align-items: flex-start;
}
.container3 {
浏览 1提问于2018-05-22得票数 1
回答已采纳
我正在尝试设计滚动条的轨迹。每当我设置曲目样式时：
div::-webkit-scrollbar-track {
background-color: blue;
}
什么都没变。
每当我设计滚动条的样式时：
div::-webkit-scrollbar {
background-color: blue;
}
整个滚动条都是蓝色的，看不见拇指
这里我漏掉了什么？
编辑：
我在Chrome上工作。奇怪的是，我所有溢出容器中的滚动条都刚刚开始显示。以前它们是看不见的，滚动拇指只有在悬停或滚动时才会出现(我不记得是哪一个了，但它肯定不总是在那里)。Firefox似乎给出了想要的行为
浏览 2提问于2017-05-27得票数 7
回答已采纳
1回答
我正在构建一个基于Cordova的应用程序，到目前为止进展顺利，但我在iOS上有一个滚动问题。
基本上，我在一个div内有一个表，它水平滚动，我有页面的其余部分，它由一个应该垂直滚动的父div组成--除非您尝试在ios上触摸表时滚动主页，否则所有这些都能工作。
<div class="example_container" style="height:220px;width:200px;">
<div class="example_slide" id="example_slide_1" style="
浏览 2提问于2018-08-19得票数 1
回答已采纳
1回答
如何计算在铬上的div卷轴结束？
、、、、
我有一个高度为100像素的div标签，溢出-y设置为auto。我编写了一些jquery代码，检查滚动是否一直在底部。我用这个来做一个我正在做的inifite滚动项目。
这似乎对火狐很好，但对Chrome却不起作用。有人可能知道为什么它不适用于Chrome？
下面是我的密码。
<script>
$( "#scroll" ).scroll(function() {
var content = $(this).scrollTop() + $(this).innerHeight();
if (content == $(this)[0].scrollHe
浏览 2提问于2017-09-21得票数 2
回答已采纳
我有一个div，它在我的站点导航中包含一个选项卡表。在这样的移动环境中，我的div设置为溢出：
我想让div滚动到当前隐藏的活动选项卡，如下所示：
在另一个SA问题中，有人建议使用scrollIntoView。在控制台中测试它，它运行得很好：
document.getElementById("active_tab").scrollIntoView({block: "end"})
我甚至使用了jQuery版本的scrollintoview
$('#active_tab').scrollintoview();
而且效果很好。麻烦的
浏览 5提问于2020-01-18得票数 4
回答已采纳
我试图在这里停止水平滚动：
但是没有用，如果您检查CSS溢出-x:隐藏在css中的html和body上。它在Chrome或Safari中不起作用。
浏览 3提问于2014-02-18得票数 0
回答已采纳
.scroll {
position: absolute;
left: 0;
top: 0;
background: yellow;
overflow: auto;
max-height: 100px;
}
<div class="scroll">
<div>123456789</div>
<div>123456789</div>
<div>123456789</div>
<div>123456789</div>
<d
浏览 6提问于2020-08-06得票数 7
1回答
我有一个很棒的布局和一些jquery效果，可以在FF，Safari，Chrome和ie9中使用。除了滚动之外，所有的东西都可以在ie8中运行。我已经删除了jquery，并使用转换文档类型重现了HTML和XML的问题。
当我在ie8中滚动时，使用下面链接中的示例，滚动的只有“空格”文本。其他所有内容都会保持固定，并从包装div中溢出。我的布局中的包装div使用overflow:hidden，但无论有没有溢出，问题都存在。为了更容易测试这个问题，我省略了overflow。
我已经使用兼容性视图和安装在测试pc上的ie8在ie9中进行了测试。
请参考我的jsfiddle示例：
浏览 0提问于2011-12-30得票数 1
回答已采纳
2回答
内容溢出时无法滚动
、、、
我有一个下拉菜单谁工作完美的Chrome，然而，数据溢出的名单，我不能向下滚动。我试着使用“溢出:隐藏”，但它只是将溢出数据隐藏起来，而不能在Chrome和Explorer上向下滚动。
<div class="dropdown info-required">
<button name="mccGroupButton" class="btn btn-default text-left dropdown-toggle
requiredInput picklistOverflow form-cont
浏览 0提问于2018-02-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
