JavaFX TextArea滚动条无法显示全部文本问题求助

你的问题根源是自定义行间距的CSS设置方式错误，导致TextArea内部无法正确计算内容高度，进而出现文本截断、滚动条无法滚动到底的情况。

修复步骤： #

1. 移除CSS中的行间距设置
   删掉CSS里.text-area .text下的-fx-line-spacing: 10px;这一行，这会干扰TextArea的内部高度计算逻辑。

2. 用Java代码设置行间距
   在控制器的初始化方法中，通过TextArea的API直接设置行间距，这样TextArea能正确识别内容高度：

   @FXML
   private TextArea diaryTF;
   
   @Override
   public void initialize(URL url, ResourceBundle rb) {
       diaryTF.setLineSpacing(10); // 和原来CSS的数值保持一致
   }
   

3. 检查父容器布局约束
   确认TextArea的父容器没有限制它的内容扩展：

   • 如果是AnchorPane，确保TextArea的topAnchor、bottomAnchor、leftAnchor、rightAnchor都正确设置，没有固定死高度导致内容无法展开；
   • 如果是VBox，给TextArea设置VBox.setVgrow(diaryTF, Priority.ALWAYS);，让它能随内容高度调整。

修改后的完整CSS代码 #

.text-field{
    -fx-font-family: 'Kiwi3';
    -fx-background-color: null;
}
.text-area{
    -fx-font-family: 'Kiwi3';
    -fx-background-color: none;  
    -fx-border-color: none;
    -fx-font-size: 15;    
}
.text-area .scroll-pane {
    -fx-background-color: transparent;
}
.text-area .scroll-pane .viewport{
    -fx-background-color: transparent;
}
.text-area .scroll-pane .content{
    -fx-background-color: transparent;
}

原理说明 #

JavaFX的TextArea在计算滚动范围时，依赖自身的lineSpacing属性值，而通过CSS直接设置文本节点的行间距，不会同步更新TextArea的内部计算逻辑，导致内容实际高度大于滚动Pane的可滚动范围，最终出现文本被截断、滚动条无法到底的现象。用API设置行间距能让TextArea正确感知内容高度，匹配滚动范围。

内容的提问来源于stack exchange，提问作者K O'Neill