跳转到页面上某个部分的哈希索引正在削减部分内容

时间:2017-02-16 11:29:06

标签: javascript html css

我正在创建一个哈希索引,用于跳转到页面的特定部分。例如,我创建了以下h2:<h2 id="b2bvsb2c">B2B VS. B2C SEO</h2>

因此,当我导航到网址:http://www.etraffic.co/seo-marketing-b2b-brands/#b2bvsb2c时,页面会直接跳转到具有id&#34; b2bvsb2c&#34;的h2点。问题是除了标题之外的所有页面顶部都被剪切了,我无法看到上面的内容。谁知道发生了什么?

我有一种感觉,这是一些CSS不好的规则,但我不确定......

提前致谢

2 个答案:

答案 0 :(得分:1)

.single_posts { overflow: hidden }

更改为

.single_posts { overflow: scroll }

Demo here

答案 1 :(得分:0)

您可以在以下代码css块中检查溢出样式属性:

#wrapper {
    overflow: hidden;
    padding: 75px 0 0;
    position: relative;
    width: 100%;
}

.single_posts {
    overflow: hidden;
}

如果溢出未设置为隐藏,则不会出现此问题。