微信小程序 - Note

scroll-view

  在实现一个内部可以滑动的组件时，参考文档使用 scroll-view 组件来实现。scroll-view 的基础代码很简单但写完后却怎么也不能使用滑动的效果。搜索了一下相关文档后的到结论为 scroll-view 使用时必须设置好一些属性：

• 1、scroll-view 标签中要求设置 scroll-x 属性为 true - scroll-x='true'
• 2、scroll-view 的样式属性中要求设置 white-space，在 y 方向滚动时可以不设置该参数，在 x 方向滚动时要设置为 white-space: nowrap; 对于 x方向内部的 行级元素 要设置样式属性为 display: inline-block;。
• 3、scroll-view 的样式属性中要求设置 width 或 height ，根据 X轴/Y轴 方向滑动来设置 width 或 height，且要求设置为具体的数值 - 设置为 百分比 或 auto 会使 scroll-view 不能滑动。
    
    可以通过给 scroll-bar 设置属性来改变 滚动条 的样式，如 隐藏滚动条 ：

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

wx.switchTab

  微信小程序中，一般页面跳转使用 wx.navigateTo() (不会销毁当前页面) 和 wx.redirectTo() (销毁当前页面) 这两个方法。而当要跳转的页面位于 TabBar 中时，这两个方法无效，就需要 wx.switchTab() 方法来模拟实现页面的跳转。