従来のtextareaの高さ指定はstyleでheightを指定するか、rows属性で行数を指定するの2通りで、指定行より改行が多くなれば、スクロールバーが表示されえてしまいます。iOSでスクロールバーがないのが当たり前になった時分にはふさわしくないデザインの一つです。そこでtextareaの内容行数に合わせて、scrollなしでheight:100%かautoを作る方法をやってます。$(this).next('.mirror').html(str);});});</script>CODELENkeyup()jqueryのkeyup()でtextarea上のキーボードの打鍵eventを感知します。prettifystr.replace()textarea内の改行の文字コードは、¥rか¥nなので、細工せずにそのままclone()やhtml()を使かうとスペースになります。そこでJSのreplaceを利用して、改行をBRに置換します。prettifyhtml()keyup()でイベント毎にtextareaの次に配置したdivにHTMLをコピーします。hidden;にして表示領域を保ったまま非表示にします。absolute;にすれば表示領域が確保されずに.mirrorがtextareaに覆いかぶる形になります。法人化してWEB制作受託してます。マークアップ・組み込み・コンサル・ディレクションから運用までインフラ出来ないデザインは主じゃないので名乗るならフロントエンドエンジニア。WEBサービスを作る夢みてます。コメントをキャンセルby次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。コメントデータの処理方法の詳細はこちらをご覧ください。法人化してWEB制作受託してます。マークアップ・組み込み・コンサル・ディレクションから運用までインフラ出来ないデザインは主じゃないので名乗るならフロントエンドエンジニア。WEBサービスを作る夢みてます。455view【目的】ランキングページ用のUIデザインを希望。総合評価を月桂樹で囲ったデザイン案の過程で勲章デザインを提示。【対象】女性がメインターゲット。「LIKE」を集めてランキングが上がる。POPULAR「JETPACKの人気の投稿」を拡張して直近7日間の人気の記事を表示しています。(2)WP飽きるまで。法人化してWEB制作受託してます。マークアップ・組み込み・コンサル・ディレクションから運用までインフラ出来ないデザインは主じゃないので名乗るならフロントエンドエンジニア。WEBサービスを作る夢みてます。