名称属性“样式”？

Question

我有一个非常奇怪的问题。

我的html中有名称属性，当我测试名称的链接时，文本会立即显示在屏幕的顶部，就像这样（在顶部的固定div后面）

点击链接前：http://pbrd.co/1kzcF6U

之后：http://pbrd.co/1kzcBUW

我不希望它这样做。我如何“设置”[名称]以查看下面100px以下的位置，它会在我[名字]时自动显示？ 例如，而不是第一个“之后”（上面链接），我如何才能看到这样的内容：http://pbrd.co/1kzd5uf当我点击它时？

如果这令人困惑，我很抱歉。

我的代码（我不确定是否需要？）：

a {
    text-decoration:none;
    color: #846D8C;
}
a[name] {
    text-decoration:none;
    color:#333333;
}

编辑：我想使用NO Javascript或jQuery，请告诉我如何处理这个问题。请不要只是把我联系到另一个人;这并没有澄清任何事情。

Answer 1

没关系，我自己想出来，谢谢你的帮助（讽刺）。

我只是添加了一个

padding-top: ##px;
margin-top: -##px;

到

a[name] {
    text-decoration:none;
    color:#333333;
    margin-top:-100px;
    padding-top:100px;
}

它没有问题。