微信小程序中scroll-view的几个坑

时间:2022-01-07 03:58:41

微信小程序中scroll-view的几个坑

1:设置scroll-x时,却不能横向滚动,因为view是block组件,但是这里用了flex就不能滚动了(想用flex布局,请开启属性enable-flex).所以只能给你的scroll-view设置如下

  overflow: hidden;
white-space: nowrap;

2:隐藏滚动条,加如下css

::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
  • 上边这段代码的是用伪类选择器设置滚动条样式,transparent的意思是完全透明

    3:当我们是竖向滚动时,动态设置height .参考这一篇博客