概述
ftscroller 是一个轻量级的 JavaScript 库，用于创建可自定义外观和行为的平滑滚动器。它支持多点触控、动态调整尺寸和无限内容长度等功能，适用于各种 Web 应用程序。
本文将介绍如何安装和使用 ftscroller，并提供基本示例代码和常见问题解答。
安装和配置
你可以通过 npm 安装 ftscroller 包，也可以使用 CDN 引入库文件。以下是 npm 安装的命令：
--- ------- ---------- ------
在 HTML 文件中引入 ftscroller 库文件，并创建一个 div 元素作为容器：
---- ---------------------- ------- -------------------------------------
现在，你可以在 JavaScript 中使用 ftscroller 了。首先，创建一个实例：
--- ---------- - --- ------------------------- -
----------- ------
----------- -----
----------- ----
---这里我们设置了水平滚动为禁用，垂直滚动为启用，并开启了滚动条功能。你可以根据需要修改这些选项。
基本用法
当你创建了 ftscroller 实例后，你可以添加内容到容器中，并通过以下方法来刷新滚动器：
--------------------
例如，假设你的容器中有一个 ul 列表：
---- ----------------
----
-------- ------
-------- ------
-------- ------
---- ---- ----- ---
-----
------现在，如果你添加或删除了列表项，或者改变了容器大小，你需要重新刷新滚动器：
--------------------
如果你需要获取当前滚动位置，可以使用以下方法：
--- --------- - ------------------------------
你还可以通过监听 scroll 事件来响应用户滚动：
------------------------------------- -------- ------- -
------------------- ----------- ------------------------
---高级用法
ftscroller 提供了更多高级功能，使其更加灵活和强大。例如，你可以通过以下选项来控制滚动器的行为：
scrollbars：是否显示滚动条。updateOnChanges：是否在内容变化时自动更新滚动器。momentum: 是否启用滚动惯性效果。bounce: 是否启用回弹效果。
你还可以通过以下方法来控制滚动器：
scrollTo(x, y, animate)：滚动到指定位置。scrollBy(dx, dy, animate)：按照指定偏移量滚动。scrollToElement(element, animate)：滚动到指定元素。
例如，以下代码将在滚动器内部添加一个自定义工具栏，并添加按钮以控制滚动方向：
---- ----------------
---- -------------
------- -------------------
------- -----------------------
------
----
-------- ------
-------- ------
-------- ------
---- ---- ----- ---
-----
------
--------
--- ---------- - --- ------------------------- -
----------- ------
----------- -----
----------- ----
---
------------------------------------------------------- -------- -- -
---------------------- ---- ------
---
--------------------------------------------------------- -------- -- -
----------------------
- ----------------------------------------------------------- --------
---------------------------------------------------------------------------------------