时间戳

首页 > 解决方案 > 如何将 y 滚动条与 v 行作为子元素

html - 如何将 y 滚动条与 v 行作为子元素

问题描述

如何让父 v-row 出现滚动条（非常重要），而子 v-row 内容溢出，这样我就可以在 v-col 内添加另一个 v-row 并使其仍位于滚动元素内

<v-row> 
  <v-col>
    <v-row>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam elementum tellus nec urna dignissim ullamcorper. Sed vitae erat ultricies, elementum ligula sit amet, maximus leo. Nunc nec arcu ante. Proin commodo est orci, ornare laoreet ipsum mollis in. Donec egestas sollicitudin ultrices. Nam quis tempus nunc, vulputate luctus mi.</p>    
    </v-row>
  </v-col>
</v-row>

标签： htmlcssvue.jsoverflow

解决方案

我不知道是什么v-row，v-col但我认为它们来自像 Vue-Bootstrap 这样的组件框架。通常，您要做的是添加style="overflow-y: scroll; max-width: 100%;"到v-rowmax-width 是您希望窗口拉伸的最宽的顶部。

推荐阅读