当前位置:首页 >> 网页制作

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

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时,单击滚动条有问题,滚动条不能正常滚动。