如果div不适合屏幕，则X和Y坐标不正确

Question

我正在尝试从div中检索X和Y坐标。我的div不适合屏幕，如果我使用滑动条点击屏幕底部，则坐标不正确。我该如何解决？

$(function () {
    $("#overlayDiv").click(function (e) {

        var offset = $(this).offset();
        var relativeX = (e.pageX - offset.left);
        var relativeY = (e.pageY - offset.top);

        alert("X: " + relativeX + "  Y: " + relativeY);
    });
});

<div id="pdfDiv">
             <div id ="overlayDiv"></div>
             <iframe class="iFrameClass" id="pdfForm"  src="{{pdfFile}}" width="940" height="1260"></iframe>
</div>