如何链接到另一页上的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
答案 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
});
另一种解决方法是使用浏览器插件。 这些实现将是健壮的,所以在实现它之前再多想一次。