自动滚动不起作用，framework7 vuejs

Question

我正在使用以下模板

https://www.npmjs.com/package/cordova-template-framework7-vue-webpack

我有主模板。

max_sum = 10

m1 = df.groupby('keys')['values'].cumsum().gt(max_sum)  # all values which are greater than max_sum 
m2 = df['keys'].ne(df['keys'].shift())                  # all rows where keys change

df['group'] = np.where(m1 | m2, True, False).cumsum()


   keys  values  group
0     a       1      1
1     a       5      1
2     a       6      2
3     a       8      3
4     b       2      4
5     b       4      4
6     b       7      5
7     b       7      6
8     c       1      7
9     c       1      7
10    c       1      7
11    c       1      7
12    c       5      7

组件<template> <f7-page> <toolbarbottom></toolbarbottom> </f7-page> </template> 中的

。

toolbarbottom

每个选项卡都是一个视图 那么我有以下视图不会生成自动滚动：

<f7-toolbar tabbar labels>
     ....
 </f7-toolbar>

            <f7-tabs routable class="tabs-swipeable-wrap">
               <f7-tab id="tab-1"></f7-tab>
               <f7-tab id="tab-2"></f7-tab>
               <f7-tab id="tab-3"></f7-tab>
               <f7-tab id="tab-4"></f7-tab>
               <f7-tab id="tab-5"></f7-tab>
               <f7-tab id="tab-6"></f7-tab>
            </f7-tabs>

我不知道会是什么

在所有视图中，发生相同的事情，即滚动不会自动出现，出现的寄存器更多。