微信小程序scroll-view组件官方文档　　传送门 　　提前准备：使用<view>组件制作五条撑满的横向区域 index.wxml index.wxss ...

//scroll-x="true" || scroll-y="true" <view class="scroll-view"> <scroll-view class="scroll_box" scroll-x="true" scroll-left="0"> < ...

1. 纵向滚动 scroll-y 当 设置为scroll-y 时, 需要将其高度设为固定值 如果整个页面，即最外层标签为scroll-view，需要并将其高度设为100%，也需要将page设为100%（可在app.wxss中设置）。 示例： html 文件 ...

scroll-view可滚动视图区域 组件说明: 可滚动视图区域。 组件用法： 纵向滚动用法 Tip: 使用竖向滚动时，需要给一个固定高度，通过 WXSS 设置 height，否则无法滚动。 当滚动到顶部时会触发bindscrolltoupper事件（具体 ...

　　<scroll-view></scroll-view>　　组件 　　这个组件的属性：（是要不说属性值，写不写都可以（建议不写）） 　　　　scroll-x：允许横向滚动　　（如果你设这个属性就想让他滚动，太天真了，所以设一个样式 white-space:nowrap ...

小编 / 达叔小生 小程序开发基础-scroll-view 可滚动视图区域 这里只展示纵向滚动，横向同理就不用说明了，可自己尝试，横向滚动属性为scroll-x，把纵向滚动改为横向滚动即可。 scroll-view视图组件 scroll-y是scroll-view的属性 ...

scroll-view是一个uni-app提供滚动的组件。对于滚动原理我们需要有一定的认知，只有当子元素的内容大于父元素的内容时，才能进行滚动。 唯一强调的点： 　　在scroll-view中貌似不能使用flex布局，即使使用后也无法出现相应的结果。另外在scroll-view标签上不需要设置 ...

<style lang="less"> .header{ height: var(--status-bar-height);background: #FFFFFF; } .na ...