在页面锚点链接导致整个内容div移动

Question

这么奇怪的问题......

http://www.casterconcepts.com/caster-wheels/cast-iron-wheels/（点击“查看系列”作为示例）

每当（站点范围内）点击一个锚点，而不是只是将屏幕空间移动到正确的ID时，它会将整个内容div移动到场外。

我为我的生活无法弄清楚原因。

Answer 1

这是因为#main中的css行：after。带有百分比值的绝对位置和宽度导致滑动被#main的溢出控制隐藏。

#main {
    width:1000px;
    position:relative;
    overflow:hidden;
    min-height:500px;
    margin:0 auto;
    padding:0 10px;
}

#main:after {
    content:" ";
    position:absolute;
    width:75%;
    background:#fff;
    left:10px;
    top:0;
    height:50000px;
    box-shadow:0 0 15px rgba(0,0,0,0.3);
}