textareaでスクロールさせない方法

Question

textareaの扱い方について質問です。

textarea内をスクロールしている時に最上部や最下部までスクロールするとブラウザのviewが全てスクロールしてしまうのですが、
textarea内にフォーカスしている時は最上部に言っても最下部にいってもブラウザはスクロールしないようにしたいのですが方法がわかりません。

どなたかわかるかたいらっしゃいましたらご教授お願い致します。

Answer 1

focusIn,focusOutイベントを使って、
フォーカスされている時は、bodyに cssで overflow:hidden を適用させればいいのではないでしょうか

Answer 2

現在表示されているブラウザの表示エリアの高さからはみ出す部分をCSSで非表示にすれば、
そもそもスクロールできなくなりますよね。一時的にそうするのはどうです？
textareaにhoverしてる時だけに発火させる感じで。