我试图找到应用了一些CSS规则以将其挪出视口的背景图片的顶部和左侧坐标。难以用言语表达,这里是一个视觉示例:
黑色方框:视口 红色方框:带有背景图片的div 蓝色方框:包含a标签的div
当我对具有背景图片的div进行getBoundingClientRect时,我得到0px 0px。这是有道理的,因为容器在视口内,并且从最上面和最左开始。
然而,该div的背景图片已经向左移动(也可能向上移动),因此坐标应该与div中的坐标不同。所以我的问题是:
如何读取(我不想改变)在任何面对这种情况的页面中找到绿色点的坐标?我的意思是,浏览器必须知道需要剪切背景图片多少像素,对吧?
我目前正在使用JavaScript访问Web / Dom API。我愿意使用任何东西(也许未经记录?)来实现这一点。
黑色方框:视口 红色方框:带有背景图片的div 蓝色方框:包含a标签的div
当我对具有背景图片的div进行getBoundingClientRect时,我得到0px 0px。这是有道理的,因为容器在视口内,并且从最上面和最左开始。
然而,该div的背景图片已经向左移动(也可能向上移动),因此坐标应该与div中的坐标不同。所以我的问题是:
如何读取(我不想改变)在任何面对这种情况的页面中找到绿色点的坐标?我的意思是,浏览器必须知道需要剪切背景图片多少像素,对吧?
我目前正在使用JavaScript访问Web / Dom API。我愿意使用任何东西(也许未经记录?)来实现这一点。