获取屏幕外对象的偏移量

发布于 2024-10-03 23:11:36 字数 121 浏览 4 评论 0原文

我正在尝试获取不在屏幕上的对象的偏移位置。 例如, 我有一个显示两个 html 页面的卷轴,我想在不在当前屏幕上的第二页上画线。当我尝试获取偏移量时,它返回 NaN。

任何人都知道如何获取不在屏幕上的物体的位置?

I am trying to get offset position of an object which is not on screen.
For example,
I have a scroll which display two html pages, I want to draw lines on second page which is not on the curent screen. When i try to get offset it return me NaN.

Anyone have any idea how to get the positions of object which is not on screen?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

静谧 2024-10-10 23:11:36

我不知道获取屏幕外对象的位置有任何问题。您只需要确保它被渲染即可。通常,问题在于您的元素设置为 display:none,在这种情况下,您的位置会得到 NaN。有两种解决方案:

  • 使元素绝对定位(显示:块),左上角非常负,因此它位于屏幕
  • 外 只需使用“可见性:隐藏”即可。这迫使它计算尺寸,即使它不可见(因为它占用空间),

如果这不能解决您的问题,请发布简化的代码来显示您的问题。

I don't know of any problems getting the position of an off-screen object. You just need to make sure it is rendered. Usually, the problem is that your element is set to display:none, in which case you get NaN for its position. There are two solutions:

  • Make the element absolutely positioned (display: block) with top left very negative so it's offscreen
  • Just use 'visibility: hidden' instead. That forces it to calculate the dimensions even though it's not visible (since it takes up space)

Please post simplified code to show your problem if this does not solve your problem.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文