JQuery ScrollTo无法使用高度和宽度100%

时间:2013-09-09 09:51:28

标签: javascript jquery html css

我之前在这里看过这个问题,但没有合适的答案,我想我的问题也略有不同。

我有一个很奇怪的问题,我一直在尝试解决,我很确定我没有正确构建我的CSS,但是我找不到问题。

如果你在jsfiddle中查看以下模板(忽略损坏的图像)

JSFIDDLE LINK

正文的高度和宽度没有滚动,滚动条确实显示在右侧但是不可滚动(使用自定义滚动条)。我意识到这与身体没有继承高度很可能是由于我的浮动div。

我一直在玩一个clearfix div,我仍在努力工作,如果我添加

,这是可以理解的
height: 100%;
width: 100%;

对于我的body类我的css滚动会起作用,但是如果我这样做,JQuery ScrollTo就会停止工作

我已将anchor-link滚动到这个JSFIDDLE的顶部(它也在上面的小提琴中,但在页面上看不到,滚动被打破)

可以理解我需要清理我的代码,但是关于如何摆脱这种情况的任何建议都会很棒!

如果我没有很好地解释,请告诉我 谢谢, 西蒙

1 个答案:

答案 0 :(得分:0)

哇,我是一个巨大的numpty,有点尴尬,但在我的CSS中间发现了以下内容:

html {
    overflow: hidden;
    height: 100%;
}

这肯定是造成问题的原因,问题解决了!