在同一页上的Div之前链接到几个像素

时间:2014-04-01 23:56:47

标签: html hyperlink css-position

这可能是一个非常简单的问题。我在页面tsawebmaster1.hhstsa.com/web_design.html上有一个链接,该链接使用tsawebmaster1.hhstsa.com/web_design.html#seven_steps链接到与链接本身相同的页面上的div,它的工作正常。问题是我的固定标题位于页面顶部,因此内容重叠100px,所以当它转到该div时,用户看不到链接到div的顶部。有没有办法可以将100px链接到某个div之外。

2 个答案:

答案 0 :(得分:0)

您最好使用javascript来达到目标​​。 window.scrollTo(x,y)函数可以使您的页面在点击时滚动到指定的像素数量(也会看起来更整洁)。 文档:https://developer.mozilla.org/en-US/docs/Web/API/window.scrollTo

用法:

     <a href="#" onClick="window.scrollTo(0, 100);">click to scroll down 100 pixels</a>

答案 1 :(得分:0)

我不知道这是否有效,但你应该试试这个:

我们的网页设计的七个核心步骤将教您如何构建网站的简单步骤。在深入研究任何新主题之前,重要的是要发展整个画面的背景知识。这样,当您开始深入学习网页设计时,您将能够连接您的

尝试在徽标和内容之间添加一个空段落。