Jquery 使用滚动条时如何查找鼠标坐标的偏移？

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

我以前在与Raphael进行拖放时遇到过这个问题，结果发现Raphael的dragMove包装器包含了一个解决此问题的极好示例。简而言之，您可以通过文档的

scrollLeft

和

scrollTop

成员获取当前滚动偏移量。看看中的dragMove函数——它比看起来简单得多