【问题标题】：How to scroll to an image link on another page如何滚动到另一个页面上的图像链接
【发布时间】：2020-05-06 16:47:16
【问题描述】：

单击 href 时，我需要向下滚动到另一个网站中的图片，该图片不是我们自己的。

什么是理想的

<a href="https://example.org#https://example.org/image.png">foo</a>

点击链接的用户会自动在页面上的图片上向下滚动。

为什么它不起作用

图像并不总是有 id，我们也不能滚动到基于图像链接的页面。

我们目前没有存储图片父 div 的 id 或 class。

一种解决方案是创建一个服务来搜索页面上的图像并返回图像中最接近的 div/id

另一种解决方案是创建一个可以执行此操作的 Web 浏览器扩展程序

还有其他办法吗？

【问题讨论】：

【解决方案1】：

恐怕图像在另一个网站上，你无能为力。只有你可以尝试在该网站上找到锚点（如果有的话）并使用该链接将用户滚动到特定部分。

【讨论】：

【解决方案2】：

使用这个：<a href="https://target-website.com/directory#anchor">。如果该网站没有平滑滚动的锚点，它将立即进入页面的该部分

【讨论】：