當溢出設置爲隱藏時，Firefox textareas不滾動到遊標/插入符

Question

我想要一個沒有滾動條的textarea。這是通過將溢出設置爲隱藏來完成的。但是，在Firefox中，如果我在textarea的底部添加一條新行，那麼新行不可見 - textarea無法向下滾動到新行。我如何讓Firefox遵循IE/Opera行爲，如果添加了新行，textarea會自動向下滾動，以便可以看到它，無論滾動條是否顯示？

Answer 1

The point of overflow：隱藏是爲了隱藏滾動條和額外的內容。如果你在textarea的限制之外添加一行，它不應該顯示。您可能可以繞過javascript。我的電話是重新考慮你的用戶界面，但我沒有所有的元素，所以也許我錯了。

Answer 2

你是以編程方式添加新的文本行，還是用戶輸入它？

無論哪種方式，您可以用JavaScript代碼的滾動文本區域的底部：

textarea.scrollTop = textarea.scrollHeight; 

scrollHeight屬性是內容的總高度，包括隱藏位。 scrollTop是內容頂部可見區域的偏移量。