div模拟滚动条当div宽度小于18时滚动条不滚动
网站建设 2021-07-03 08:15www.dzhlxh.cn网站建设
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时，单击滚动条有问题，滚动条不能正常滚动。
环境 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时，单击滚动条有问题，滚动条不能正常滚动。