如何使用Towify在小程序里配置快速滚动到顶部？

快速滚动到顶部经常用于长消息列表，这种场景经常伴随着滚动至顶部后刷新等，今天就带大家了解如何实现这个功能。

效果展示

通过使用触发行为滚动到指定向，同时配合执行其它触发器，实现快速滚动到列表顶部的功能。

触发器配置

注意：在检查器面板中的触发器 设置面板创建触发器，可以对组件进行交互逻辑设置，或配合事件来进行动态数据 *** 作。

选中循环容器

点击检查面板中的触发器

创建触发器

选中图标

点击检查面板的触发器

创建触发器

这样就可以配置快速滚动到顶部的功能了。

在开发微信小程序时，有时一些视图在手机指定的宽度和高度不够存放，那么可以放在scroll-view中。

在给scroll-view设置滚动的时候，分为三个步骤：

在给scroll-view设置滚动的时候，分为两个步骤：

滚动到指定的id元素位置，并且给滚动的过程添加动画

使用竖向滚动时，需要给一个固定高度，通过

WXSS

设置

height，否则无法滚动。

当滚动到顶部时会触发bindscrolltoupper事件（具体可留意GIF输出）

当滚动到底部时会触发bindscrolltolower事件（具体可留意GIF输出）

---