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

时间:2024-02-26 10:02:17

微信小程序中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 .参考这一篇博客