小程序开发的基本知识滚动视图可滚动视图区域

标题地图

小编/达小生叔叔

查看官方文档：

小程序开发的基本知识滚动视图可滚动视图区域

这里，我们只显示垂直滚动。水平滚动也是如此。你可以自己试试。水平滚动属性为scroll-x，您可以将垂直滚动更改为水平滚动。

渲染1

滚动视图组件

Scroll-y是滚动视图的属性。滚动-y的类型是布尔型。默认值为false，表示允许垂直滚动。scroll-y=“true”允许垂直滚动

bindsrolldumper是滚动视图的一个属性。bindsrolldumper类型是EventHandle，这意味着滚动到顶部/左侧将触发scrolldump事件。顶部/左侧是因为滚动视图可以水平和垂直滚动。bindsrolldumper=“upper”定义了绑定事件，该事件以逻辑代码编写，滚动到顶部将触发scrolldumper事件。

Bindscrolltower是滚动视图属性，与上面的bindsrolltowper相同。bindsrolltower类型也是EventHandle。bindsrolltower意味着滚动到底部/右侧，这将触发scrolltowr事件。bindscrolltower=“lower”表示将事件绑定到较低位置，这将触发scrolltower事件。

Bindscroll是一个滚动视图属性，其类型为EventHandle。它代表一个滚动触发器。它具有广泛的属性，例如上面的bindsrolltupper属性和bindsrolletower属性。绑定滚动触发器，事件详细信息=｛scrollLeft，scrollTop，scrolleHeight，scroll Width，deltaX，deltaY｝

定义滚动视图时，需要给它一个固定的高度。您还可以通过wxss为内部样式设置高度属性，例如style=“height:200px；”。

滚动进入视图是滚动视图的一个属性。类型为String，表示该值应该是子元素的ID。即使在哪个方向上，元素也可以滚动。在代码中，滚动到view=“｛｛toView｝｝”，toView的值被传输到js中的数据。

滚动顶部是滚动视图的属性。类型为Number，这意味着该值应设置为垂直滚动条的位置。同时，在水平方向上有一个向左滚动属性。

...

将多个视图添加到此视图组件。视图的高度表示为“高度：200px”

<；/视图>

<；/视图>

<；/视图>

<；/视图>

还有两个按钮。一个是点击效果。下一个视图类似于翻页效果。单击按钮切换到下一个视图。另一个是点击效果。设置滚动条位置以滚动屏幕，即向下或向上移动。

单击我滚动到视图

单击我滚动

<；/视图>

<；/视图>

<；/视图>

<；/视图>

单击我滚动进入视图

单击我滚动

滚动视图属性表

属性名称

解释

滚动-x

指示允许横向滚动

卷轴-y

指示允许垂直滚动

上限阈值

指示从顶部或左侧（以像素为单位）触发滚动头事件的距离

下限阈值

指示触发滚动事件的距离底部或右侧（以像素为单位）的距离

滚动顶部

指示设置垂直滚动条位置

向左滚动

指示设置水平滚动条位置

滚动到视图中

指示它应该是子元素id（id不能以数字开头）。设置滚动到元素的方向和方向

带动画滚动

指示在设置滚动条位置时使用动画过渡

活页夹

指示向上或向左滚动将触发滚动鼠标事件

绑定滚动工具

指示向下滚动或向右滚动将触发scrolltower事件

绑定卷轴

指示滚动时触发

启用返回顶部

这意味着当iOS点击顶部状态栏和Android双循环时