微信小程序解决同个页面两个scroll-view独立滚动的问题

前言

微信小程序中，如果我们把窗口分为左右两个scroll-view，比如做商品列表，一般设置后会出现两个scroll-view窗口同时滚动的问题。其实这个问题很好解决，只要定义scrollview的高度就行了，不过写法必须是这样的

代码展示

//左侧菜单窗口
<scroll-view scroll-y=“true” class=“left-menu” style="height：calc（100vh）”>
//左侧代码

右侧也要加上这个style，这样两个窗口就可以独立滚动了。

vh: 相对于视窗的高度, 视窗被均分为100单位的vh;
calc是 css3提供的一个在css文件中计算值的函数：