滚动条在IE9以下是正常的写法

最新推荐文章于 2022-12-21 17:52:04 发布
原创 最新推荐文章于 2022-12-21 17:52:04 发布 · 371 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文深入探讨了在IE9浏览器下遇到的滚动问题，并提供了解决方案，通过调整CSS样式，从使用`overflow:scroll`到`overflow-x:auto`，确保了页面在IE9和火狐浏览器之间的兼容性和良好的用户体验。 
//以下Ie9 正常    在火狐下正常
<div style="margin-top: 55px;width: 1050px;overflow: scroll;">
	<div style="width: 3800px">
</div>
</div>


//以下Ie9 下滚动 时会有问题    在火狐下正常
<div style="margin-top: 55px;width: 1050px;overflow-x: auto;">
	<div style="width: 3800px">
</div>
</div>
selenium之如何控制网页内嵌div中滚动条的滚动
1、测试博主技术知识分享 2、pos行业知识技术分享 3、java后端技术知识分享 4、嵌入式技术知识分享 5、运维部署相关知识分享
08-28 3244
一、示例HTML代码如下： <!DOCTYPE html> <html> <head> <style type="text/css"> div.scroll { background-color:#00FFFF; width:100px; height:100px; overflow:auto; } </style> </head> <body> <p>overflow:scroll</p>
extjs.treePanel在ie9下滚动条的显示问题
weixin_34007886的博客
06-20 127
新接手的项目前端用的是extjs。在ie9下有一个treepanel的下拉滚动条死活出不来。后来把树的定义改成了这样：var multiSelectTree = new Ext.tree.TreePanel({ //id : 'multiSelectTree', width : 200, height : 200, la...
IE9，不设置 height,滚动条不能滚动
weixin_33736048的博客
04-21 266
2019独角兽企业重金招聘Python工程师标准>>> ...
ie浏览器下滚动条问题
Sophiego的博客
03-09 4119
众所周知，原始浏览器滚动条不美观，所以重新修改样式，但在ie上并不起效果；没有办法，只好寻找插件，来实现；最终找到的是smooth-scrollbar（但也只能兼容到ie10（11）了且原始要加滚动条的div属性不能是overflow-y:scroll）方法：import Scrollbar from 'smooth-scrollbar';//引入自定义滚动条控件mounted() {Scroll...
IE浏览器隐藏web项目的Y轴滚动条
wlf_wzx的博客
09-29 553
1.错误效果图如下： 发现右侧出现滚动条，有个滚动条是页面的滚动条。 2.在页面加入代码 <style type="text/css"> /*IE9, IE10, IE11, IE12*/ body{ -ms-scroll-chaining: chained; -ms-overflow-style: none; -ms-content-zooming: zoom; -ms-scroll-rails: non
解决ie9下滚动条失效的BUG
weixin_30852419的博客
06-14 687
问题:ie9下overflow:auto;自动出现滚动条设置失效解决办法：设置元素布局方式position: absolute； 转载于:https://www.cnblogs.com/yangxiong/p/7010944.html
控制IE浏览器滚动条精确滚动像素
然而，在某些旧版IE浏览器中（特别是IE8及以下版本），部分现代JavaScript属性可能未被支持，此时需要采用兼容性写法。例如，获取滚动位置时需判断是否存在`pageYOffset`，否则回退到`document.documentElement....
隐藏浏览器上的滚动条
04-27
在大部分现代浏览器中，我们可以使用以下CSS代码来隐藏滚动条： ```css /* 针对整个网页隐藏滚动条 */ html { overflow: hidden; } /* 或者针对某个元素隐藏滚动条 */ .container { overflow: hidden; } ``` ...
兼容IE6的网页最小最大宽度和最小最大高度css写法
09-25
为了确保网页在IE6中的正常显示，并且能够控制页面元素的最小宽度、最大宽度、最小高度和最大高度，我们需要采用特定的CSS写法。这些写法通常是利用IE6特有的expression()函数来实现。 首先，我们来讨论如何为网页...
一个列表，列表的左右两边顶边界，有滚动条，滚动条悬浮在列表内容上并且半透明，不要挤占列表宽度
最新发布
09-29
或者，用户希望的是在左右两侧分别有一个垂直滚动条，并且这个滚动条是固定在容器左右两侧的顶部（即滚动条的上边缘和容器顶部对齐）？这样就有两个垂直滚动条，分别位于左右两侧，且从顶部开始延伸至底部。这符合...
解决浏览器因滚动条出现抖动的问题
zhang1339435196的博客
01-15 2644
html { overflow-y: scroll; } :root { overflow-y: auto; overflow-x: hidden; } :root body { position: absolute; } body { width: 100vw; overflow: hidden; }
IE、Chrome、Firefox浏览器隐藏滚动条（IE、火狐、谷歌浏览器）
weixin_46022934的博客
12-21 9479
一、背景和效果图如下： 1.背景 2.设置属性前效果图： 2.设置后效果图： 二、直接通过CSS修改样式，保存滑动功能 1.全局设置滚动条如下（谷歌Chrome） Css代码如下 效果图如下 2.给某一个元素设置如下（谷歌Chrome） Css代码如下 效果图如下 三、这里其他浏览器的方法 1.IE去除滚动条样式（IE10以上内核） 2.火狐除滚动条样式（Gecko 内核） 总结
CSS设置滚动条样式（兼容IE）
奋斗的日子最甜美，在科技的海洋里，永无止境。
01-26 3250
1、这是在webkit浏览器下显示的样式。            （个人比较喜欢简约点的） 2、在IE浏览器下显示的样式（为了区分所以样式写的不一样，我没找到IE下设置滚动条宽高的方法） 自定义IE浏览器滚动条样式 追溯浏览器对滚动条的自定义，恐怕最早的就是IE浏览器了（好像最开始支持的版本是IE5.5）。下面列出了多个版
修改浏览器滚动条样式
技术改变生活
04-17 7729
修改滚动条的样式
ie9 scrollbar bug（IE9父容器overflow:auto时，子容器状态更改导致滚动条下出现额外空间）
u011558902的专栏
02-06 1654
转自文章  http://www.jackness.org/2011/10/18/ie9-scrollbar-bug/ 当我们制作表单的时候，有时候会遇到数据过长，表单列数过多，需要横向滚动条的需求，我们一般的做法是 给这个表格的外层加一个 scroll_auto 的 div 并设置: ? 1 2 /*css doc
隐藏网页的滚动条的方法
冷夜轩的博客
06-28 1万+
解决思路： 在上个问题中我们希望是强制出现滚动条，但有时候我们并不希望出现滚动条，那就要隐藏它了。从上个问题的指点中我们很容易得到答案----设置CSS属性overflow的值为hidden。 具体步骤： 方法一：设置CSS属性overflow为hidden。 方法二：设置body元素的scroll属性为no。 没有水平滚动条    没有垂直
div隐藏滚动条仍保留滚动效果，兼容IE，FF，Webkit 和 O
热门推荐
电鳗的博客
04-19 3万+
需求：一个可以滚动内容的div，超出高度隐藏内容，但是要保留滚动效果又不出现滚动条，同时兼容各种浏览器。 思路： 1.假设这个div叫做scroll_content，规定width和height。 2.overflow-x:hidden; overflow-y:auto; 3.想办法隐藏y滚动条
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值