我有一个照片库，每张照片都有一个唯一的 id 包装器，如下所示：
<div id="photo123"><img src="photo123.jpg"></div>
<div id="photo124"><img src="photo124.jpg"></div>
<div id="photo125"><img src="photo125.jpg"></div>
当我从另一个带有缩略图的页面进入此页面时，页面链接如下所示：http://example.com/gallery1#photo124 将页面滚动到第二张照片。
我的用户有一个Pinterest保存按钮（Chrome）扩展，它在我的图库照片上显示"保存"按钮。当用户使用 URL： http://example.com/gallery1#photo124 进入此页面并尝试"固定"照片 id=photo125 时 - 一切正常，除了链接 - Pinterest 将照片保存到 Pinterest 用户板，其中包含页面的 URL：http://example.com/gallery1#photo124 - 因此，当有人单击用户 Pinterest 板上的固定照片时，他会转到正确的页面，但页面滚动到错误的位置 - #photo124。
有没有办法向Pinterest显示每张照片的正确（散列）网址？例如：
<div id="photo123" data-url="http://example.com/gallery1#photo123"><img src="photo123.jpg"></div>
<div id="photo124" data-url="http://example.com/gallery1#photo124"><img src="photo124.jpg"></div>
<div id="photo125" data-url="http://example.com/gallery1#photo125"><img src="photo125.jpg"></div>
我找不到任何文档。
看起来我离解决方案不远了 - 将 pinterest 指向正确网址的正确方法是通过"data-pin-url"属性：
<div id="photo123" data-pin-url="http://example.com/gallery1#photo123"><img src="photo123.jpg"></div>
<div id="photo124" data-pin-url="http://example.com/gallery1#photo124"><img src="photo124.jpg"></div>
<div id="photo125" data-pin-url="http://example.com/gallery1#photo125"><img src="photo125.jpg"></div>