Question

在我的应用程序中，结果页面由三个块组成：

左：搜索摘要
中间：结果
right：结果图

我不知道如何使用Vuetify固定左右块的位置（位置：固定）。

我的目标是在滚动结果列表时（在中间）保持左右块的显示。

<v-content>
  <v-container style="max-width:1264px" class="pa-0">
    <v-layout row wrap>
      <v-flex xs12 sm5 md3 class="">
        <div style="background-color:red;color:white;height:300px">SEARCH FIXED</div>
      </v-flex>
      <v-flex xs12 sm7 md4 class="pt-3 pa-2 green">
        RESULTS:<br/> ...
      </v-flex>
      <v-flex class="" xs12 md5>
        <div style="background-color:blue;color:white;height:200px">MAP FIXED</div>
      </v-flex>
    </v-layout>
  </v-container>
</v-content>

Here is the codepen of my application

Vuetify：固定块：左右

0 个答案: