以下显示页的.wxml文件内容

<view class="JScontainer">   

    <text class="JStext">

......这里会有上千字文字内容，但在手机屏幕上不能往下滚动显示，导致文字内容只能显示开头一部分.....

</tect>

</view>

以下是本页的.wxss文件内容：

/* pages/chapet1/chapet1page.wxss */

.JScontainer

{overflow-y: scroll;}

以下是index页的.wxss文件内容

/**index.wxss**/

page {

  display: flex;

  flex-direction: column;

}

/** 修改默认的navigator点击态 **/

.navigator-hover {

  color:blue;

}

/** 自定义其他点击态样式类 **/

.other-navigator-hover {

  color:red;

}

navigator {

height: 40px;

line-height: 40px;

}

以下是app.wxss文件内容

/**app.wxss**/

.container {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: space-between;

  padding: 200rpx 0;

  box-sizing: border-box;

} 

以上问题，麻烦请教一下，看怎么能让手机屏幕上下滚动起来，以上大段文字内容能在手机上全部显示出来。