在学习写项目购物车的时候,由于服务器请求不到数据,我就利用 VueX 来存放要加入购物车的商品的数据(图片的名字(简单的1,2,3),价格,加入购物车的数量),然后在购物车的页面通过v-for打印VueX存储的数据
查了很多资料,说是图片还未加载出来的scrollHeight 高度问题,我去打印了高度的确实是有问题,然后我将scrollHeight直接设置成10000 还是无法滚动,下载了better-scroll/observe-dom 也还是无法滚动,设置了@load检测图片加载,偶尔可以滚动,偶尔不可以,如图:
VueX:
购物车:
scroll:
界面:
设置一个外部窗口div固定死高度(一定要小于一个窗口高度,可以小多一点点),overflow设置为auto,然后把图片列在这个窗口里,然后把试试能不能解决你的滚动问题
scroll.refresh();
scroll.hasVerticalScroll = true;
先确定wrapper盒子高度固定,且里面只有一个滚动盒子,然后图片加载完成刷新高度,用this.scroll.refresh()