如何在使用滚动条时找到鼠标坐标的偏移量？

Question

我正在开发基于Raphael JS的白板应用程序。当纸张尺寸大于网页的可视部分时，它会添加右侧和底部滚动条。但由于滚动条我没有得到正确的鼠标坐标。例如，如果我通过向下滚动纸张在右下角的某处绘制一条线（使用Raphael），则仅在纸张的可视部分创建对象。这意味着鼠标和绘制的元素的坐标不在同一个地方。如何找到x和y坐标的偏移量，可以添加或减去鼠标坐标，以便在移动滚动条时在正确的位置打印元素。

Answer 1

我之前遇到过与拉斐尔一起拖拉的问题，结果拉斐尔的dragMove包装器包含了如何解决这个问题的一个很好的例子。简而言之，您可以通过文档的scrollLeft和scrollTop成员获取当前滚动偏移量。看一下uncompressed source中的dragMove函数 - 它比看起来要简单得多。