单击链接到页面锚点后阻止向上滚动(HTML5)

时间:2014-01-12 00:38:50

标签: html5 scroll anchor internal-link

单击页面下方某个部分的链接后,将阻止向上滚动。浏览器只停在锚点位置。我必须从URL末尾删除#[anchorid]位并刷新以返回到页面顶部。

非常奇怪(并且加重)。它还可以防止我的“返回顶部”链接因某些原因而起作用。我在最新版本的Chrome和Firefox中对它进行了测试 - 两者都是如此。我只使用HTML& CSS,没有jQuery或任何东西。据我所知,我已经正确编码了。但是,我是一个n00b,我可能会遗漏一些明显的东西。任何帮助表示赞赏!

该部分的识别如下:

<h4 id="work">Recent Work</h4>

链接构造如下:

<a href="#work">Recent Work</a>

如果您想查看所有代码,该网站为www.autumnfaulkner.com

1 个答案:

答案 0 :(得分:0)

在FireFox的Firebug中,我从下面的样式中删除了 margin padding 条目,它似乎有效:

.holder .even-height {
    float: left;
    margin-bottom: -10000px;
    padding-bottom: 10000px;
}