想到的第一个方案是用一个div装下textarea中的文本, 让各种相关样式相同, 这样div的高就应该是textarea的高了. 于是很快写了出来. 但因为毕竟一个是text, 一个是html, 各种转换也比较麻烦. 遇到了不换行的长文本(英文), 处理起来就更不方便了. 还有空格什么的处理. 比如 "abc abc" 这样, 中间是不会换行的, 如果替换两个空格为一个空格加一个 " ", 依旧有小问题, 具体就不说了.
说到这里, 大家可能会提出一个常见的方案, 也就是利用textarea自身的scrollHeight属性. 不错, 但是当textarea变高之后, 即使内容删掉, 也变不回原来的高度了. 但, 如果说, 一个textarea的高度很小, 那么scrollHeight不就一直都表示内容的高度了么? 这就是key所在了
-
完美实现文本框高度自适应 (可伸可缩)
post by csf / 2011-5-16 16:42 Monday -
周末画报:设计时代的到来
[UX&UI]post by csf / 2011-4-6 10:32 Wednesday苹果ipod的成功、人们对Google的崇拜仅仅是因为它们技术先进吗?从根本上讲,这两家公司最根本的竞争力在于让世界为之倾倒的设计。8月,搜索引擎公司Google发布即时通信软件Google Talk引发的潮流是最新的示例:功能简单,技术也没有超过对手,但设计简洁独特,更妙的是,它有着某种苹果感觉。
设计,有取代技术成为企业最重要竞争优势的趋势。美国《商业周刊》在发布今年的工业设计大奖时写道:在面对五花八门的选择不知如何是好时,消费者往往把设计当成新的区分标志。在无数的类似产品和服务中,设计是能使人“眼前一亮”的重要因素。日本索尼公司前主席大贺典雄曾说:“在索尼,我们假定竞争对手的所有产品与我们产品一样,都据有相同的技术、价格、性能和特色。惟有设计是独有的,是我们的产品区别于市场上其他产品的特点。”。10年前人们把创新和技术联系在一起,现在,创新的同义词则是