2015-05-11 41 views
0

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

回答

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

+0

感谢兰尼 - 我很欣赏的快速反应。你认为我应该创建一个大的矩形形状,然后在里面添加我所有的按钮/文本框?容器的大小将变成矩形,然后可以在屏幕上上下拖动。 – user3805377