Html 链接到另一页上具有偏移量的位置

如何链接到另一页上偏移量约为50px的div

我这里的问题是，我在一个页面上有一个元素，我从另一个页面链接到这个元素，为了示例起见，让我们称之为page1.html和page2.html

page1.html包含以下内容：

<a href='$URL/page2.html#div'>Link</a>

单击时，它会将我带到page2.html并将页面移动到div，但是我在所有页面上都有一个大约50px高的固定标题，这涵盖了我希望链接将我带到的文本

我需要做什么才能让这个链接转到偏移量为50px的div

我不能简单地在这个分区之上添加一个边距或链接

---

编辑：我不能修改page2.html，只能修改page1.html

---

Edit2：我可以访问js/page2.js和css/page2.css，但不能访问page2.html。仅通过在第二页上进行CSS更改

此外，出于安全原因，我认为浏览器不应允许您在无法访问第二页时执行此操作，例如：在iFrame中居中显示页面

---

用css解决这个问题的一个简单方法是添加页边顶部：-40px；填充顶部：40px

如果您无法修改第2页，我认为仅通过链接是不可能的

但是，您可以使用jQuery获取某个页面的代码，将其放置到某个容器中，然后滚动：

$("#element").load("page2.html", function( response, status, xhr ) {
  //Here should be code that places received html to your page and makes scroll
});

另一个解决方法是使用浏览器插件。

---

这些实现将是健壮的，因此在实现之前再考虑一次。

您不能更改代码吗？或者你不想搞乱css？我不能修改page2.html，只有page1.htmli如果页面位于另一个域而不是你的域中，你就无能为力了。如果它是你的页面，你可以在那里加载.js，你可以修改它，然后你可以做你想做的事情。确认后，我可以修改加载在该页面上的js文件，而不是页面本身的html。js/page2.js在我的能力范围之内。我需要做什么形式的css更改？我可以访问该页面的css文件和js文件，但不能访问实际的html。