微信小程序scroll-view使用记录

孙泽辉

发布于：2021年5月22日

字数：187字

时长：1分钟

次浏览

scroll-view真的好多坑啊，当时卡了一两天，突然觉得应该记录一下

• scroll-view一定要有个固定的高度，不然滑动不生效，也监听不到滚动事件，不要妄想靠子元素撑开，建议直接占满屏幕，height:100vh

  

因为我下面有固定的提交订单栏，脱离文档流了，解决方法就是给scroll-view多添加点padding-bottom

• 还有就是滚动到最下面的时候，上面的bar也被划走了，如图：

这是因为小程序整个页面也有个滚动，scroll-view滚动完了就滚动整个页面了，这时候给当前页面的配置文件.json添加一句：

{
    "disableScroll": true
}

成功解决：