Easeljs可滚动容器

时间:2015-05-11 21:06:34

标签: javascript android ios cordova easeljs

我有一个Easeljs容器,其中包含比屏幕高度更高的按钮行。是否可以使用触摸使容器垂直滚动(平移)?想象一下,容器将是设备的宽度和大约80%的高度。它将从顶部向下10%,在底部10%将是不应滚动的导航按钮。我想我可以使用DOMElement,但应用程序的其余部分仅使用createjs容器构建。该应用程序将通过Cordova推送到Android和IOS设备。 有什么想法吗?

1 个答案:

答案 0 :(得分:1)

以下是" draggable"的快速样本。画布,应该给你一些想法。代码有点旧,所以它可能与最新的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