我正在尝试使用zoomooz + jquery.mouse.wheel和jquery.kinetic.js来实现表单设计器中的自由拖动/滚动功能的缩放。以下是该功能的演示:http://jsfiddle.net/mVf8Z/
我的问题是:
“重置”按钮无法将状态重置为原始状态。它放大容器并将其稍微移动到视口右上角
当我使用鼠标滚轮放大容器内部时,容器可以放大,但它总是移到视口的右上方
知道我的代码出错了吗?
更新
添加其他图层后,看起来已解决了转移问题,请检查http://jsfiddle.net/mVf8Z/3/。但是,仍然存在两个问题:
我无法使用jquery.kinetic拖动/滚动将页面滚动到预期的视口。在放大发生之前这没关系
点击重置按钮不会重置为原始状态,而是缩小一点。
更新2
我最终得到了一个基于zynga scroller(http://zynga.github.com/scroller/)的解决方案。这是小提琴:http://jsfiddle.net/mVf8Z/5/。这个解决方案的问题是放大效果与zoomooz相比是可怕的。我在https://github.com/zynga/scroller/issues/28
向zynga提交了一个问题