CSS:页内链接或“锚点”不允许滚动到顶部

时间:2014-06-25 22:37:11

标签: css wordpress scrollbar

当我使用页内链接或"锚点"为了覆盖页面的一部分,滚动条不允许我访问上面的内容 - 即使它存在于HMTL中。

我的网站是在WordPress中开发的,但我认为问题更多是我的CSS。

看到顽皮 http://adanewmedia.org/submissions/#review

与好http://adanewmedia.org/submissions/

相对照

感谢任何想法!

2 个答案:

答案 0 :(得分:1)

style.css的第92行,删除它:

#main {
   overflow: hidden;
}

看起来像一个奇怪的错误,或者你可能在#main div的某个父元素中设置了一个高度。删除该样式应该解决它。


进一步检查我发现了这个(style.css第96行):

#main-content, #secondary {
    margin-bottom: -32767px;
    padding-bottom: 32767px;
}

这是您的问题开始的地方。删除这些废话修复了原始问题,但更改了网站的风格。如果要删除黑色侧边栏/页脚,请执行此操作,而不是将容器推到各处。

答案 1 :(得分:0)

当我尝试使用您的代码时,您的样式表中的这一行似乎导致了它 - http://adanewmedia.org/wp-content/themes/twentyfourteen-child-ada/style.css?ver=3.9.1

#main-content, #secondary {
  margin-bottom: -32767px;
  padding-bottom: 32767px;
}

不确定你要做的是什么。

另外:firebug非常奇怪地渲染页面 - 我尝试验证你的代码,好像Firebug正在努力正确地渲染页面,然后浏览器也可能抛出意想不到的布局问题。