html5中文学习网

您的位置: 首页 > 网页制作 > css教程 » 正文

div模拟滚动条当div宽度小于18时滚动条不滚动_CSS教程_CSS_网页制作

[ ] 已经帮助:人解决问题
点评:IE浏览器下使用div模拟滚动条当div宽度小于18时滚动条不滚动,具体的实现代码如下,需要的朋友可以参考下
IE浏览器,div模拟滚动条,div宽度小于18 滚动条不滚动 39wHTML5中文学习网 - HTML5先行者学习网
39wHTML5中文学习网 - HTML5先行者学习网
环境 win7 IE 10 39wHTML5中文学习网 - HTML5先行者学习网
39wHTML5中文学习网 - HTML5先行者学习网
代码: 39wHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
39wHTML5中文学习网 - HTML5先行者学习网
<!DOCTYPE html> 39wHTML5中文学习网 - HTML5先行者学习网
<html> 39wHTML5中文学习网 - HTML5先行者学习网
<head> 39wHTML5中文学习网 - HTML5先行者学习网
<title>scroll</title> 39wHTML5中文学习网 - HTML5先行者学习网
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 39wHTML5中文学习网 - HTML5先行者学习网
<meta http-equiv="description" content="this is my page"> 39wHTML5中文学习网 - HTML5先行者学习网
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 39wHTML5中文学习网 - HTML5先行者学习网
</head> 39wHTML5中文学习网 - HTML5先行者学习网
<body> 39wHTML5中文学习网 - HTML5先行者学习网
<div style="border:1px solid red; width: 18px;height: 200px;overflow-y:auto ;"> 39wHTML5中文学习网 - HTML5先行者学习网
<div style="width:1px;height:600px;"></div> 39wHTML5中文学习网 - HTML5先行者学习网
</div> 39wHTML5中文学习网 - HTML5先行者学习网
<div style="border:1px solid red; width: 17px;height: 200px;overflow-y:auto ;"> 39wHTML5中文学习网 - HTML5先行者学习网
<div style="width:1px;height:600px;"></div> 39wHTML5中文学习网 - HTML5先行者学习网
</div> 39wHTML5中文学习网 - HTML5先行者学习网
</body> 39wHTML5中文学习网 - HTML5先行者学习网
</html> 39wHTML5中文学习网 - HTML5先行者学习网
39wHTML5中文学习网 - HTML5先行者学习网
IE10浏览器运行在 IE7,8,9,10模式下,测试用div模拟滚动条时,如果div宽度小于18px时,单击滚动条有问题,滚动条不能正常滚动。
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助