链接到另一页上的位置,带有偏移量

时间:2014-10-09 22:11:15

标签: html href

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

我的问题是,我在一个页面上有一个元素,我从另一个页面链接到,为了举个例子,我们可以调用这些page1.html和page2.html

page1.html有这个:

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

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

如果将此链接转到该div,偏移量为50px,我需要做什么?

CAN NOT 只是在这个div之上添加一个边距或链接。

编辑:我无法修改page2.html,只能修改page1.html。

Edit2:我可以访问js / page2.js和css / page2.css,而不是访问page2.html

2 个答案:

答案 0 :(得分:0)

你做不到。只能在第二页上进行CSS更改。

此外,出于安全原因,我不认为浏览器应该允许您在第二页上进行访问(例如:在iframe内部页面居中)。

使用css解决此问题的一种简单方法是添加margin-top:-40px;padding-top:40px;

答案 1 :(得分:0)

如果你不能修改page2,我认为不可能只通过链接。

但是你可以使用jQuery来获取某些页面的代码,将它放到某个容器然后滚动:

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

另一种解决方法是使用浏览器插件。 这些实现将是健壮的,所以在实现它之前再多想一次。