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

Question

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

Answer 1

我之前在使用 Raphael 进行拖放时遇到过这个问题，事实证明 Raphael 的 DragMove 包装器包含一个很好的示例来说明如何解决这个问题。简而言之，您可以通过文档的 scrollLeft 和 scrollTop 成员获取当前滚动偏移量。看看uncompressed source中的dragMove函数-- 它比看起来简单得多。