微信小程序scroll-view

使用竖向滚动时，需要给<scroll-view/>一个固定高度，通过 WXSS 设置 height。以下列举一个示例：

scroll-top的优先级要高于scroll-into-view的优先级

<!--pages/scroll_view/scroll_view.wxml-->

< scroll-view scroll-y= 'true' scroll-top= '50' upper-threshold= '50' style= 'height:200px;' bindscrolltoupper= "scrolltoupper" bindscrolltolower= "scrolltolower" scroll-with-animation= 'true' scroll-into-view= "three" bindscroll= "scroll" >

< view style= 'background-color:red;height:100px;width:50px;' ></ view >

< view style= 'background-color:blue;height:100px;width:50px;' ></ view >

< view id= 'three' style= 'background-color:yellow;height:100px;width:50px;' ></ view >

< view style= 'background-color:green;height:100px;width:50px;' ></ view >

</ scroll-view >

< scroll-view scroll-left= "100" bindscrolltoupper= "scrolltoupper" scroll-x= 'true' style= 'white-space: nowrap;display:flex;' >

< view style= 'background-color:red;height:100px;width:150px;display:inline-block;' ></ view >

< view style= 'background-color:blue;height:100px;width:150px;display:inline-block;' ></ view >

< view style= 'background-color:yellow;height:100px;width:150px;display:inline-block;' ></ view >

< view style= 'background-color:green;height:100px;width:150px;display:inline-block;' ></ view >

</ scroll-view >

微信小程序视频教程