前言
微信小程序中,如果我们把窗口分为左右两个scroll-view,比如做商品列表,一般设置后会出现两个scroll-view窗口同时滚动的问题。其实这个问题很好解决,只要定义scrollview的高度就行了,不过写法必须是这样的
代码展示
右侧也要加上这个style,这样两个窗口就可以独立滚动了。
<!-- 左侧菜单 ->
<scroll-view scroll-y class-"left menu" style="height: calc(100vh);">
右侧一样加入 style="height: calc(100vh);"
vh: 相对于视窗的高度, 视窗被均分为100单位的vh;
calc是 css3提供的一个在css文件中计算值的函数:
网友评论