带链接和像素的HTML链接

Question

我正在寻找没有javascript的解决方案，我可以使用这样的链接：

<a href='#link1 +60px'>

这只是一个更容易理解的例子。所以我正在尝试的是，我在我的网站上找到了一个锚点，并且该链接进一步达到特定点+ 60px。

感谢您的回答/想法

Answer 1

这是不可能的。

您唯一的选择是JavaScript并明确链接到您要链接到的位置（具有自己的ID）。

Answer 2

到目前为止，以下是我能找到的最好的方法来定位没有javascript的着陆位置

HTML （添加额外的锚标记）

 <!-- Actual going to here -->
 <a id="anchorpoint" class="anchor"></a>
 <!-- Display point -->
 <div>Some content here</div>

<强> CSS

.anchor {
    display:block;
    padding-top:60px;
    margin-top:-60px;
 }

这是Fixed position navbar obscures anchors的略微修改。优点在于，您不需要预先填充实际容器的填充和边距。

尝试：https://jsfiddle.net/q6yvuhao/

Answer 3

锚点是不可见的吗？如果是这样，请在链接和以下CSS中添加一个类：

a.link {
   position:relative;
   top:60px;
}

<a class="link" href='#link1'>