AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > css教程

div模拟滚动条当div宽度小于18时滚动条不滚动

51自学网 http://www.wanshiok.com
模拟滚动条,不滚动IE浏览器,div模拟滚动条,div宽度小于18 滚动条不滚动

环境 win7 IE 10

代码:

复制代码
代码如下:

<!DOCTYPE html>
<html>
<head>
<title>scroll</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<div style="border:1px solid red; width: 18px;height: 200px;overflow-y:auto ;">
<div style="width:1px;height:600px;"></div>
</div>
<div style="border:1px solid red; width: 17px;height: 200px;overflow-y:auto ;">
<div style="width:1px;height:600px;"></div>
</div>
</body>
</html>

IE10浏览器运行在 IE7,8,9,10模式下,测试用div模拟滚动条时,如果div宽度小于18px时,单击滚动条有问题,滚动条不能正常滚动。
模拟滚动条,不滚动  
上一篇:html div 透明样式示例代码  下一篇:div css 实现tabs标签的思路及示例代码