如何使父视图和子视图都可滚动

在前端开发中，要实现父视图和子视图都可滚动，可以采用以下几种方法：

1. 使用CSS属性overflow：auto或overflow：scroll：通过给父视图和子视图添加overflow属性，并设置为auto或scroll，可以实现在内容溢出时显示滚动条，从而实现滚动效果。这种方法适用于简单的滚动需求。
2. 使用JavaScript库：例如，可以使用iscroll.js、better-scroll等JavaScript库来实现更复杂的滚动效果。这些库提供了更多的滚动选项和功能，如下拉刷新、无限滚动等。
3. 使用CSS属性position：fixed：如果父视图和子视图的高度固定，并且不需要滚动时，可以将父视图和子视图的position属性设置为fixed，这样它们就会固定在页面上，不会随页面滚动而滚动。
4. 使用CSS属性flexbox布局：使用flexbox布局可以实现父视图和子视图的自适应布局，并且在内容溢出时自动显示滚动条。通过设置父视图的display属性为flex，子视图的flex属性为1，可以实现父视图和子视图都可滚动的效果。

以上是几种常见的实现父视图和子视图都可滚动的方法，具体选择哪种方法取决于具体的需求和场景。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai