最初に、「左と右の列が別々に垂直にスライドし、それらの間には関係がない」というページスタイルを完成させます。
<t
エンプレート>
<div>
<div class = "flex-between">
<div class = "left">
<span v-for = "n in 16"：key = "n"> {{n}} </ span>
</ div>
<div class = "right">
<span v-for = "m in 8"：key = "m"> {{m}} </ span>
</ div>
</ div>
</ div>
</テンプレート>
<スタイルスコープ>
。左右{
overflow-y：auto;
height：667px; //高さはスクロールウィンドウの高さを参照します。
}
。左{
幅：20％;
}
。正しい{
幅：80％;
}
。左スパン{
背景：フォレストグリーン;
}
.right span {
背景：赤;
高さ：300px;
}
</ style>