ie6,ie7下设置overflow:auto下滚动条不起作用

最新推荐文章于 2017-10-12 17:17:16 发布
最新推荐文章于 2017-10-12 17:17:16 发布
阅读量4.1k 收藏 1
点赞数
文章标签： ie 浏览器
本文详细介绍了在IE6/IE7浏览器中，当使用overflow:auto设置滚动条出现但无法操作的问题。通过添加position:relative;属性，成功解决了这一特殊状况，确保了网页在旧版IE浏览器中的正常滚动体验。
摘要由CSDN通过智能技术生成
今天遇到一个比较特殊的情况：ie6,ie7下设置overflow:auto下滚动条出来了但是滚动条不起任何作用，但在火狐，ie8，ie9，谷歌等浏览器下正常显示。通过查询终于找到原因，只需要加一个position:relative;属性就能解决问题！
yiluoAK_47
关注
CSS中overflow:scroll怎么设置只上下滚动而不左右滚动
09-25
然而，IE的实现并不完全符合预期，可能会在某些情况下错误地显示水平滚动条。因此，为了避免这个问题，可以选择明确设置`scrolling="yes"`，尤其是在你知道内容可能只会垂直溢出的情况下。 总结一下，要实现只上下...
overflow:auto 不生效的原因
sdewendong的专栏
11-24 3万+
今天给我的一个div加滚动条的样式，overflow:auto ，死活不生效。 最后发现问题：为div指定overflow属性为auto没问题，但是必须指定div的高度，例子： <div style="position:absolute; height:300px; overflow:auto"> </div> position:absolute 可加可不加，自己试...
IE6的overflowauto的不显示滚动条问题
Quentinlee的专栏
10-19 3178
<br />没有用高亮插件的人几乎都用<pre>来显示源代码，为了不让代码撑破布局，都用了overflow:auto，当超过宽度时产生水平滚动条。在FF下一切显示正常，可在ie6下会跟着产生一个垂直滚动条，行数如果少，代码被框在一个很窄的框里，看起来很不方便，用overflow-x:auto可以只显示水平滚动条，但在ie6和ie7下，不管行数多少，最后一行总是这样：<br />如图所示最后一行总是被遮盖。这里提供了一个好办法，来解决这个问题，修改模板css的pre，代码如下：<br />pre {<br /
IE7下设置overflow-y: scroll出现滚动条的问题解决办法
Argent_
10-12 3770
问题： div样式为overflow-y: scroll;的时候,横向坐标的滚动条也会出现 解决办法： 在overflow-y: scroll;后添加overflow-x: hidden; 原理： 当你设置div样式为overflow-y: scroll;后，右侧就会有一个滚动条出现，因为宽度设置成了100%; 然后再加上滚动条的宽度就超出了，所以横向坐标的滚动条就出现了
ie7中overflow:auto无效的解决方法
09-24
在IE7浏览器中，开发者可能会遇到一个常见的布局问题，即`overflow:auto`属性在某些情况下不起作用，导致预期的滚动效果无法实现。这个问题通常与元素的`position`属性有关，特别是当子元素设置为`position:relative...
iframe在IE6下出现横向滚动条的解决方案
09-22
在深入探讨如何解决IE6下iframe出现横向滚动条的问题之前，我们需要了解几个关键的前端技术概念，包括iframe的使用、IE6浏览器的特殊性以及CSS（层叠样式表）和JavaScript（JS）的运用。 首先，iframe（内联框架）...
IE8 css overflow:hidden不起作用
09-25
1. 如果目的是防止内容溢出，可以考虑使用`overflow:auto`，在旧版IE中这通常会表现为显示滚动条，尽管这可能不是最理想的视觉效果。 2. 对于块级元素，可以通过添加`overflow:scroll`来实现滚动条的显示，从而允许...
IE7下设置overflow:auto下滚动条不起作用
weixin_34194702的博客
02-24 291
ie7下设置overflow:auto下滚动条出来了,但是滚动条不起任何作用.在火狐，ie8，ie9，谷歌等浏览器下正常显示。通过查询终于找到原因，需要加一个position:relative;属性能解决问题！ 转载于:https://blog.51cto.com/smartwang/1362676...
CSS设置滚动条样式（兼容IE）
热门推荐
Rey
05-18 8万+
废话不多说，直接上demo，最下面有详细注释。 1、这是在webkit浏览器下显示的样式。 （个人比较喜欢简约点的） 2、在IE浏览器下显示的样式（为了区分所以样式写的不一样，我没找到IE下设置滚动条宽高的方法） 下面是代码： Lorem ipsum dolor sit amet, consectet
overflow scroll的前提条件
weixin_33694172的博客
09-10 360
2019独角兽企业重金招聘Python工程师标准>>> ...
ie6 overflow-y:auto BUG修复
czh304gw的博客
06-06 141
ie6里面如果设置元素为横向滚动条隐藏，竖向滚动条显示，如果改原始内有元素设置position:relative;或者position:absolute;样式，那么ie6里面的竖向滚动条就会失效。 解决办法：设置该元素为position:relative;top:0;left:0;即可解决次BUG！...
ie6frame
l719247588的博客
12-22 99
$(function(){ if($.browser.msie&&$.browser.version=="6.0"&&$("html")[0].scrollHeight>$("html").height()) $("html").css("overflowY","scroll");});
css可以设置overflow=scroll但是不显示滚动条吗
最新发布
10-15
1. 设置`overflow`为`scroll`：这会让内容可滚动，即使滚动条默认不可见。 2. 使用`:not(:hover)`选择器：仅当鼠标不在元素上时隐藏滚动条。例如： ```css .your-element { overflow: scroll; scrollbar-width: ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值