这两天在写一个统计功能，有时数量过多时样式不美观，于是在DIV上加上了：
<div id="resultlistarea" style= "width:99%;overflow-x:auto; ">
在IE8下显示正常
<!--StartFragment -->
但在IE8兼容视图下多出了垂直滚动条
![]()
后将代码改为：
<div id="resultlistarea" style= "width:99%;height:auto;overflow:auto; overflow-y:hidden; overflow:scroll;"> 效果正常了
分享到：
相关推荐
本篇文章将详细探讨如何在Vue项目中自定义浏览器滚动条，同时确保兼容大部分浏览器，包括较为古老的Internet Explorer（IE）。 首先，我们需要理解浏览器滚动条的工作原理。滚动条由两个主要部分组成：轨道（track...
描述中提到的“sly jquery定制div滚动条Scrollbar 兼容IE6 FireFox Safari”，意味着这个解决方案不仅关注美观，还考虑到了浏览器兼容性问题。IE6是一个老版本的Internet Explorer，通常对现代Web技术支持不足，而...
然而，这种做法在IE8中可能会导致一个副作用：`div`内的滚动条失去响应，无法通过鼠标滚轮进行滚动。同样，如果`div`元素有`onfocus()`事件，当用户点击其他地方使`div`失去焦点时，滚动条也会失效。 为了解决这个...
在 IE6 和 IE7 中，需要使用 `obj.scrollTop = obj.scrollHeight * (Math.random()) + 1`，以避免滚动条位置被设置为 0。 此外，这个技巧也可以与其他 JavaScript 技巧结合使用，例如，我们可以使用 JavaScript 来...
在前端开发中，我们常常需要让某个DIV元素固定在页面的某个位置，而不随着滚动条的滚动而移动。这可以通过使用CSS的position属性来实现，特别是使用fixed值。fixed值可以让元素固定在页面的某个位置，而不受滚动条的...
在网页设计中，"div不随滚动条的滚动而动"是一种常见的布局需求，通常用于创建固定定位元素，如顶部导航栏、侧边栏或浮动提示框等。这些元素需要在用户滚动页面时始终保持在屏幕的某个特定位置，提供持续的可访问性...
在IE8浏览器中，"ie8-select滚动条"是一个与网页设计和开发相关的技术问题，主要涉及到CSS样式、JavaScript以及浏览器兼容性。在IE8及其以下版本，原生的HTML `<select>` 元素的滚动条样式无法通过CSS直接自定义，这...
针对标题提及的"如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器"，这里将详细讨论一些关键的CSS兼容性问题及解决方案。 1. **DOCTYPE的影响**： DOCTYPE声明会影响浏览器进入何种文档模式。在HTML4或...
本主题"滚动条比较复杂"着重讨论如何在JavaScript和CSS的帮助下，实现对滚动条样式的自定义，以达到在div元素内模拟IE浏览器的滚动条效果。 首先，我们需要理解滚动条的基本概念。在Web页面中，滚动条通常出现在...
在IE6和IE7浏览器中，滚动条的表现存在差异，IE7表现得更为稳定，而IE6中可能出现滚动条不显示的问题。 原因分析： 在IE6中，当页面元素（以table为例）的CSS样式中没有明确指定高度（height）或宽度（width）时，...
这里提到的问题是，在IE10浏览器中，当`div`的宽度小于18像素时，模拟的滚动条无法正常工作。这个问题主要出现在IE10的兼容模式下，包括IE7、IE8和IE9模式。 首先，我们来看一下提供的HTML代码： ```html <!...
创建覆盖在`textarea`上的透明div，监听滚动事件，手动调整div的位置以模拟滚动条效果。这种方法较复杂，需要考虑更多的边界情况和性能优化。 4. **浏览器检测与条件样式** 可以使用JavaScript检测浏览器类型，...
标题“div模拟table滚动时表头固定，兼容ie6”正是针对这一需求，描述了如何使用div元素来模拟表格的滚动，并确保在滚动过程中表头能够固定显示，同时实现列宽的自动适配，使得表头边框与表体边框对齐。 在传统的...
本文将介绍如何使用JQuery实现div滚动条的自动定位。 首先，我们需要了解JQuery的基础知识。JQuery是一个快速、简洁的JavaScript库，它通过简化HTML文档遍历和事件处理、动画和Ajax交互，使得Web开发变得更加方便和...
6. **更新和销毁**：当需要更新滚动条配置或销毁滚动条时，可以调用`update()`和`destroy()`方法。 总之，mCustomScrollbar插件为开发者提供了一个强大且灵活的工具，使得自定义滚动条不再是难题，它能帮助提升网站...
关于如何使用JavaScript实现当鼠标滑动到指定的div区域内时禁止页面滚动的功能，这是一个在前端开发中可能会遇到的实际需求。通常这种需求是在特定的操作场景中为了提供更好的用户体验而提出的。例如，在一个产品...
JavaScript 自定义浏览器滚动条兼容 IE、火狐和 chrome 本文主要共享了使用原生 JavaScript 实现自定义浏览器滚动条兼容 IE、火狐和 chrome 的思路与方法。通过 JavaScript 实现自定义浏览器滚动条，可以实现跨...
### 完全搞定iframe（框架）里的滚动条 #### 知识点概览 ...通过对不同场景下iframe滚动条问题的理解以及采用合理的CSS或JavaScript技术，可以有效地解决在A页面中加载B页面时出现的滚动条问题，提升用户体验。
在网页设计中，有时我们需要对元素的显示进行控制，特别是在内容过多无法一次性完全展示时，滚动条便成为了一个重要的辅助工具。在HTML中，我们通常使用`div`标签来创建块级元素，并通过CSS（层叠样式表）来定义其...
CSS 实现浮动层跟随滚动条特效（兼容IE6） 在网页上实现浮动层跟随滚动条特效是非常常见的要求，特别是在网站广告展示时。实现这种特效有多种方法，本节将介绍两种比较成功的实现方法，它们都能完美兼容各大浏览器...