IE7 CSS滚动Div Bug
在这个问答内容中，您提到了“IE7 CSS滚动Div Bug”。这个问题是指在Internet Explorer 7（IE7）浏览器中，当使用CSS样式对一个包含滚动条的div元素进行滚动时，出现的兼容性问题。
以下是关于这个问题的一些建议和解决方案：
- 概念：在IE7浏览器中，当一个div元素的CSS样式设置为overflow:auto或overflow:scroll时，滚动条无法正常工作。这是一个常见的兼容性问题，主要影响IE7浏览器。
- 分类：这是一个典型的浏览器兼容性问题，属于CSS样式的范畴。
- 优势：解决这个问题的方法可以提高网站的兼容性，确保在各种浏览器中都能正常显示和使用。
- 应用场景：这个问题主要出现在使用CSS样式对div元素进行滚动条处理的网站中。
- 推荐的腾讯云相关产品和产品介绍链接地址：腾讯云提供了一系列与网站开发和托管相关的产品，包括云服务器、云数据库、对象存储、CDN加速等，可以帮助开发者解决浏览器兼容性问题。
针对这个问题，有一些常见的解决方案：
- 使用JavaScript或jQuery来处理滚动条的显示和隐藏。
- 使用CSS的_behavior属性来强制IE7浏览器使用特定的渲染引擎。
- 使用CSS的-ms-overflow-style属性来设置IE7浏览器的滚动条样式。
以上是关于“IE7 CSS滚动Div Bug”的一些信息和解决方案。如果您需要更详细的信息或帮助，请随时提问。
相关·内容
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
2回答
引导、网格和滚动
、、、
我使用的是引导，角度和角度的ui路由器
我想要实现的是这个模型：
左边的菜单是导航条、顶部的工具栏、一些面包屑、内容和页脚。
我可以让所有这些元素就位。但是，我需要从rest数据源中使用可变数量的元素填充内容。我想很好地包装这些文件，所以我使用了下面的角/ html
<div class="col-lg-12 ">
<div class="row">
<div class="col-md-4 " ng-repeat-start="item in $ctrl.items">
浏览 2提问于2016-11-05得票数 0
回答已采纳
1回答
是否有办法防止y滚动条改变div容器的内部宽度。在滚动条出现之前，div容器的子容器总是有一个右填充吗？
在示例中，根据垂直滚动条的存在，文本具有不同的宽度：
HTML
<div>
<span>
Lorem ipsum dol...
</span>
</div>
CSS
div {
border: solid 1px;
width: 200px;
height: 150px;
overflow: auto;
margin: 10px;
}
span {
display: block;
bac
浏览 2提问于2017-04-25得票数 1
回答已采纳
4回答
莫兹拉语的滚动条
、、、
我使用铬是我生命中最长的一段时间。当我创建我的网站，并想隐藏一个滚动条，出现在我的侧边栏菜单，我只是使用overflow: auto;在CSS，然后.sidebar_menu::-webkit-scrollbar {display: none;}。因此，没有可见的滚动条，我可以滚动通过侧栏菜单与我的鼠标轮。
昨天，我开始使用Mozilla，我意识到滚动条是vidible的，而且.sidebar_menu::-moz-scrollbar {display: none;}没有工作。这让我害怕说实话，因为我找不到办法摆脱这件事。我只想在chrome和Mozilla中保持原样。至少这个滚动条的事。
浏览 4提问于2018-01-11得票数 5
回答已采纳
因为客户的要求，我把一个div改为
position: absolute;
top: 5px;
bottom: 5px;
overflow: auto;
min-width: 945px;
它在所有受支持的浏览器(IE7、IE8、Firefox 3+)中基本上都工作得很好:它使div垂直填充可用区域，如果不合适则显示垂直滚动条。请注意，如果没有945 of的最小宽度，滚动条将覆盖部分内容，因为在所有Internet版本中添加滚动条时，内容没有适当调整大小。有了最小宽度，它恰好适合，而其他浏览器并不在意。
但是，在IE7上，如果显示垂直滚动条，然后垂直扩展浏览器窗口以使不再需要滚动条，则IE7将
浏览 7提问于2010-07-09得票数 2
在一个Web页面中，我使用了一个div，其中包含一个表。我已经将这个div的overflow属性设为auto。当垂直滚动条出现时，IE7和IE8显示了不同的行为。
在IE7中，scollbar不使用div的宽度，但在IE8中，scrollbar使用一些div的宽度。因此，当我将表格的宽度指定为div宽度的某个百分比时，表格的宽度在IE7和IE8中被设置为不同的值。
由于这个原因，我的表格右侧在IE7中比在IE8中看起来离滚动条更远。我希望页面在两个浏览器中看起来都是一样的。
有没有办法做到这一点？
问候，Abhishek Jain
浏览 1提问于2010-06-21得票数 1
我有一个汉堡类，我想使用overflow属性来滚动。但当我使用它时，它看起来是这样的： ? 我想要有滚动效果，但同时，我不想让这些滚动条出现在侧面： ? 下面是我的css类： .Burger
{
width: 100%;
margin: auto;
height: 250px;
text-align: center;
overflow: scroll;
font-weight: bold;
font-size: 1.2rem;
} 有人知道我还可以在这些属性中添加什么来隐藏那一侧的滚动条吗？我希望影响存在，但不是条形图，就像这样
浏览 45提问于2020-10-03得票数 1
回答已采纳
1回答
我有一个关于如何用CSS样式从HTML组件完全隐藏滚动条的问题。组件使用VueJS编写。一些解决方案，比如
body
{
overflow-y: hidden;
}
当我把它放在组件的开头时，就不起作用了。当我将overflow-y: hidden;放入css中的list子类(用它替换overflow: scroll; )时，我失去了滚动条，但也失去了滚动的可能性。我需要当前工作滚动面板没有滚动条在浏览器。我找到了一些代码，像这样：
-ms-overflow-style: none;
scrollbar-width: none;
:-webkit-scrollbar {
di
浏览 4提问于2021-11-06得票数 1
回答已采纳
在IE11中，每当光标进入页面和输出时，我的网站goes滚动条就会不断消失并重新出现。我读到IE排他性的‘ms溢出风格’CSS风格是问题所在。我将以下2个CSS属性设置为body元素：
body {
-ms-overflow-style: none !important;
overflow-y: auto;
}
我仍然希望滚动条出现时，有溢出的内容，这可能会变化，取决于浏览器窗口高度。我只是不希望它消失和重新出现在IE这个“自动隐藏”的功能。基本上，我希望它的行为与FF和Chrome一样。
问题是，一旦我将‘-ms-溢出-样式’设置为'none'，IE11也会忽
浏览 0提问于2014-11-11得票数 4
回答已采纳
2回答
删除IE的滚动条
、、、、
首先，我不想仅仅删除它，我想确保仍然有滚动的能力在那里。
这是因为我想有一个‘幻灯片’的影响在网站上，在那里你可以点击‘下一步’和之前，但滚动条在那里，你可以通过它。
我使用以下方法将滚动条隐藏在其他浏览器中：
::-webkit-scrollbar {
display: none;
}
webkit浏览器和火狐浏览器的overflow: -moz-scrollbars-none;。然而，当谈到IE，我找不到任何东西来简单地隐藏它。
我在网上找到了这些：
scrollbar-3dlight-color:;
scrollbar-arrow-color:;
scrollbar-base
浏览 1提问于2013-11-27得票数 1
回答已采纳
6回答
我有一个网站上有一个<div>，这是垂直滚动。这很好用。我还隐藏了滚动条，这也很好用。CSS本质上是
.scrollable {
overflow-y: scroll;
-ms-overflow-style: none;
}
不过，我目前在Internet Explorer11和Windows7的触摸屏上遇到了问题。当用户点击滚动条底部的顶部时，窗口会弹出(即存在过滚动)。虽然这只会让大多数用户感到厌烦，但这是在kiosk中全屏运行，因此overscoll允许桌面通过(不仅仅是浏览器背景)进行窥视。
我一直没能找到解决这个问题的方法。 (前缀和非前缀)，例如
html, b
浏览 2提问于2014-05-07得票数 14
我在React中有一个容器，默认情况下会滚动到底部，用户可以根据需要向上滚动。此外，我们希望仅在用户滚动之后才显示滚动条，因此默认情况下滚动条是overflow:hidden，一旦用户开始滚动，我们就会监听wheel事件，并添加一个类将其设置为overflow:auto，然后容器就会滚动。 现在，这一行为在Chrome上运行良好，但当用户尝试使用笔记本电脑触摸板向上滚动时，在Firefox上就不起作用了。在Firefox上，第一次滚动时，只显示滚动条，容器不滚动。它只在第二次滚动时滚动。 请在此处检查行为- https://jsfiddle.net/naman 你知道为什么Chrome和Fi
浏览 26提问于2019-07-02得票数 0
1回答
我有一张两列的桌子。我希望第一列是可滚动的，这样我的表就可以保持在固定的高度，而不是连续展开。我只希望它是垂直滚动的:水平溢出部分应该仍然是可见的(在我的例子中，溢出部分是被隐藏起来并添加水平滚动条.)的工具提示，而不必水平滚动。我的CSS/HTML如下所示：
<table class"tab1">
<td class="td1"><div class="container"><!-- Many, many, many floating elements here --></div&g
浏览 6提问于2015-08-29得票数 1
38回答
隐藏滚动条，但仍可滚动
、、、、
我希望能够滚动整个页面，但不显示滚动条。
在Google Chrome中，它是：
::-webkit-scrollbar {
display: none;
}
但Mozilla Firefox和Internet Explorer似乎不是这样工作的。
我也在CSS中尝试过：
overflow: hidden;
这确实隐藏了滚动条，但我不能再滚动了。
有没有一种方法可以删除滚动条，同时仍然可以滚动整个页面？
只需CSS或HTML即可。
浏览 2提问于2013-05-21得票数 1501
回答已采纳
28回答
我有一个由来已久的div包装两列布局的问题。我的侧栏是浮动的，所以我的容器div无法包装内容和侧边栏。
<div id="container">
<div id="content"></div>
<div id="sidebar"></div>
</div>
在Firefox中，似乎有许多修复明确错误的方法：
<br clear="all"/>overflow:autooverflow:hidden
在我的情况下，似乎唯一正确工作的是<
浏览 15提问于2008-10-17得票数 888
回答已采纳
2回答
我使用这一单一图像技术在IE7中构建了一些交叉淡入淡出翻转
它的工作原理是将翻转图像放在背景中，并在用户翻转图像时淡出原始图像状态。IE7讨厌它。翻转状态显示在原始图像的正下方。
你可以在这里查看：
这在IE7中应该很明显，但是添加到购物车的按钮应该是Jquery滚动。我不是一个JS专家，所以我不确定如何去解决这个问题，任何建议都会非常有帮助。谢谢-
浏览 0提问于2010-04-10得票数 0
回答已采纳
我们有简单的div，如下所示。这里的问题是div gpsDataDiv和map div inIE之间存在差距。其次，使用这种方法document.getElementById("gpsDataDiv").innerHTML =htmlString，gpsDataDiv是一个动态表格的字段；同样，在IE中，表格直接位于下方，并且不会在400px处停止，因此不会像chrome或firefox中那样生成滚动条。
<body>
<div id="left" style="width:220px;height:350px;float:left
浏览 0提问于2012-07-12得票数 1
回答已采纳
1回答
只有在IE桌面浏览器中，我的网站上才会出现左侧垂直滚动条。我想知道如何删除IE中的左侧滚动条。在其他浏览器(包括tablet浏览器)中，它不会显示哪个是好的。
此问题也出现在IE Edge和较早版本的IE中。
左侧的垂直滚动条显示在固定位置标题导航的下方，它似乎没有什么功能，因为右侧的滚动条仍然执行滚动。我认为这与标题导航有关，因为在添加标题导航之后，就会出现这个bug。
希望这是足够的信息来解决问题。
overflow-y:隐藏；不工作或overflow:隐藏；或overflow: auto；以及我所见过的其他修复也不起作用。
下面是这个问题的图片：
任何帮助都将不胜感激。谢谢。
浏览 2提问于2017-11-05得票数 0
我的表单上有一个元素，看起来像这样：
<div style="overflow-y:auto;overflow-x:hidden;height:100%;width:100%">
在IE7中，当页面第一次呈现时，没有滚动条。但是，如果我调整页面大小(即使只有1个像素)，滚动条也会正确显示。
有什么我可以做的，使滚动条在页面第一次显示时正确显示？
浏览 6提问于2009-08-13得票数 13
2回答
我已经在html和css中创建了这个页面。我有一个页面里面有滚动条的部分，对于小尺寸，它看起来像这样：，我不想有2个滚动条，所以我想删除这个小尺寸部分的滚动条。下面是我的代码：
<div class="account-left">
<div class="scroll-area" data-spy="scroll" data-offset="0">
<div class="section">
<!--<h1 style="color
浏览 6提问于2016-09-02得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
