Question

我想在div上使用类.height显示垂直滚动条。

滚动条已成功显示，但问题是父级还显示滚动条。我想防止这种情况。只有孩子会显示滚动条。

HTML：

<div id="app">
  <v-app>
    <main>
      <v-content>
        <v-container fluid grid-list-xs>
          <v-layout row wrap>
            <v-flex xs6>
              <v-toolbar></v-toolbar>
              <div class="height">THIS CAN BE A VERY LONG TEXT</div>
            </v-flex>
            <v-flex xs2></v-flex>
            <v-flex xs4></v-flex>
          </v-layout>
        </v-container>
      </v-content>
    </main>
  </v-app>
</div>

CSS

.container, .layout {
  height: 100%;
}

.xs6 {
  display: flex;
  flex-direction: column;
}

.container, .layout {
  height: 100%;
}

.xs6 {
  display: flex;
  flex-direction: column;
}

.height {
  flex: 1 1 auto;
   border: 1px solid orange;
  overflow-y: scroll;
}

那么如何阻止父母显示滚动条呢？

https://codepen.io/anon/pen/bYGeMN

Answer 1

ArrayList元素有TableView。

删除后，剩下的唯一垂直滚动条位于类html的元素上。

revised codepen

如何在使用overflow-y时避免父显示滚动条：滚动子项

1 个答案: