Javascript 跳转到图像地图上的特定位置

我有一个带有HTML

的大图像，我想跳转到该图像上的特定区域。我使用了

标记来标记位置

看看代码：

但是，我无法移动到图像上的任何区域

---

编辑：任何其他移动到图像特定区域的方法都非常好

检查这个演示我已经创建了

尝试通过id导航区域

<div><a href="#ppg">Go to one</a> <a href="#ppg1">Go to two</a></div>

你必须使用其中的区域坐标

试试这个

我用过这个插件

---

脚本将阻止标记的默认功能，并将从区域标记中获取坐标属性，id来自href属性，计算位置并滚动到该位置

是否大于监视器的屏幕分辨率…？？@SaurabhLP yes，使用两个滚动条显示页面！感谢您的回答，但您可以在示例中看到页面在同一位置移动，无论区域中给出的坐标是什么。。

$('a.links').click(function(e){
  e.preventDefault();
  var coor = $(this.hash).attr('coords').split(',');
  $('html,body').scrollTo(coor[0], coor[1]);
});