码迷,mamicode.com
首页 > 其他好文 > 详细

IE8 textarea 滚动条定位不准解决方法

时间:2014-08-22 12:28:16      阅读:266      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   ar   art   问题   div   

工作中遇到一个bug: IE8 下textarea 如果带滚动条(height:100px;overflow:scroll-y;),内容高度超过可视区域之后,输入文字,滚动条位置会乱跳。

开始以为是js的问题,查看了代码感觉不是js的问题,于是借助索工具搜索了一番,这个问题感觉很少见,但是搜索之后发现确实有人遇到过这个问题。

也有些许的解决方案,经过几轮测试找到了最终的解决方案:

textarea.fix-scroll{
    width: 700px;
    min-width: 100%;
    max-width: 100%;
}

导致这个bug原因可能有很多,比如给textarea设置一个行高可能会导致这个问题,写textarea样式还是要注意IE8的这个现象了。

相关阅读:IE8 Textarea Bug

 

 本文出自:http://dirt-life.net, 原文地址:http://dirt-life.net/2013/03/07/ie8-textarea-%e6%bb%9a%e5%8a%a8%e6%9d%a1%e5%ae%9a%e4%bd%8d%e4%b8%8d%e5%87%86%e8%a7%a3%e5%86%b3%e6%96%b9%e6%b3%95%e4%b8%8d%e6%98%8e%e5%8e%9f%e5%9b%a0/, 感谢原作者分享。


 

查找的另一个解决方案:

http://www.tuicool.com/articles/Y7Rviu

 

IE8 textarea 滚动条定位不准解决方法,布布扣,bubuko.com

IE8 textarea 滚动条定位不准解决方法

标签:style   blog   http   color   ar   art   问题   div   

原文地址:http://www.cnblogs.com/duffy/p/3929031.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!