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

工作中遇到一个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/, 感谢原作者分享。

---

 

查找的另一个解决方案：

最近在弄的一个项目，其中一个页面需要输入很长的文字，因为文字是纯文本的，所以用了Textarea，在webkit下没有任何问题，结果在IE8下测试时，发现当文本超超出Textarea的大小时，在输入文字的时候，发现滚动条总是乱跳，开始怀疑是js的问题，于是折腾了半天，也没发现js哪里有问题。在网上一搜，好像没多少人遇到这个问题，真是奇葩了。。。。。。最后结合网上的方案，给textarea加上下面的样式

{
  height: 500px;
  overflow-y: auto;
  width: 500px;
  min-width: 100%;
  max-width:100%;
}

发现滚动条就再也不乱跳了^_^。

虽然问题解决了，但是还是不明白问题出在哪里。。。

参考链接：  http://www.tuicool.com/articles/Y7Rviu