Easeljs 可滚动容器

Posted 2023-03-15

【中文标题】Easeljs 可滚动容器

【英文标题】：Easeljs Scrollable Container

【发布时间】：2015-05-11 21:06:33

【问题描述】：

我有一个 Easeljs 容器，其中包含高于屏幕高度的按钮行。是否可以使用触摸使容器垂直滚动（平移）？想象容器将是设备的宽度和大约 0.80% 的高度。它将从顶部向下 10%，底部 10% 将是不应滚动的导航按钮。我想我可以使用 DOMElement，但应用程序的其余部分仅使用 createjs 容器构建。该应用程序将通过 Cordova 推送到 android 和 ios 设备。 请问有什么想法吗？

【参考方案1】：

这是一个“可拖动”画布的超级快速示例，它应该会给你一些想法。代码有点老了，可能跟最新的 EaselJS 版本有点过时了，但是方法是一样的。

http://jsfiddle.net/lannymcnie/jKuyy/

示例代码：

dragBox.addEventListener("mousedown", startDrag); // Object listens to mouse press
function startDrag(event) 
    // Get offset (not shown here, see fiddle)
    event.addEventListener("mousemove", doDrag);

function doDrag(event) 
    // Reposition content using event.stageX and event.stageY (the new mouse coordinates)

这是原始的 SO 帖子： Infinite canvas with EaselJS

【讨论】：

感谢 Lanny - 我非常感谢您的快速回复。你认为我应该创建一个大的矩形形状，然后在里面添加我所有的按钮/文本框吗？容器将调整为矩形形状，然后可以在屏幕上上下拖动。