div模擬滾動條當div寬度小于18時滾動條不滾動
發(fā)布時間：2013-11-07 16:07:26 作者：佚名 
我要評論
我要評論IE瀏覽器下使用div模擬滾動條當div寬度小于18時滾動條不滾動，具體的實現代碼如下，需要的朋友可以參考下
IE瀏覽器，div模擬滾動條，div寬度小于18 滾動條不滾動
環(huán)境 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時，單擊滾動條有問題，滾動條不能正常滾動。
環(huán)境 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時，單擊滾動條有問題，滾動條不能正常滾動。
相關文章
- 想讓div擁有滾動條可以直接為div指定overflow屬性但必須指定div的高度，下面有個示例，大家可以參考下2014-02-13
- 使用CSS樣式設置div滾動條，直接充當了文本框的角色，下面為大家介紹下具體的實現，感興趣的朋友可以參考下2013-12-24
- 將div層固定顯示在頁面底部，在某些情況下還是很實用的，在本文為大家介紹下使用css是如何實現的，需要的碰可以參考下2013-11-20
- 有時候我們需要為div加滾動條，那么就可以參考下面的代碼2013-05-03
- div加滾動條在前端的網頁布局中為了達到類似textarea的效果采取的一種方式，下面提供了幾種設置方法，需要注意的是直接為div指定overflow屬性為auto即可，但是必須指定div2013-04-25
DIV常見任務(上) —常規(guī)任務(顯示滾動條/隱藏div/禁止事件冒泡等等)
DIV在Web開發(fā)中起著至關重要的作用,這里總結一下我在使用DIV中遇到的各種操div顯示滾動條/禁止div的事件冒泡/禁止div執(zhí)行默認的行為/動態(tài)計算div的位置(比如常見的計算div2013-01-31- css實現div自動添加滾動條比較實用的功能，當圖片或文字超出div所規(guī)定的寬或高時，會自動出現滾動條，這一點還是比較有利于用戶體驗的，本文整理了一些實現自動滾動條的方2013-01-25
- 所謂DIV滾動條，就是利用DIV標簽，在里面嵌入CSS樣式表，加入overflow的屬性值，這樣，當div所規(guī)范的區(qū)域內的內容達到一定程序時，滾動條就派上用場,這里為你介紹DIV滾動條2012-12-23
FireFox火狐瀏覽器與IE兼容問題 - 透明濾鏡 DIV滾動條
IE與火狐瀏覽器兼容相關問題集錦，做網站的朋友可以參考下。2010-12-25- 本文給大家分享div自動滾動功能及滾動條顏色的核心代碼，代碼簡單易懂，非常不錯具有參考借鑒價值，感興趣的朋友一起看看吧2016-11-04