jQueryscrollTo 不工作主体，html 设置 100%

Question

刚刚从一个SO用户那里得到了关于这个问题的一些很棒的帮助：

窗口滚动动画背景图像位置上的 jQuery

如您所见，我想在用户滚动页面时增量滚动 div 背景图像。请参阅此工作版本：

http://jsfiddle.net/nicklansdell/HFxVj/4/

给出的答案非常有效。然而，除了能够使用浏览器滚动条滚动页面之外，我还想包含一些额外的功能，当单击锚点时，将页面滚动到 div 哈希位置。我正在使用scrollTo插件来实现这一点，直到我包含以下CSS之前，它工作得很好：

body, html {
    height: 100%;
    min-height: 100%;
}

不幸的是，如果我包含这个，页面scrollTo动画不起作用，但包含它允许背景图像位置动画工作，它似乎是一个或另一个，但我当然需要两者:-)任何人都可以在这里提出解决方法吗？非常感谢。

编辑*

我已经缩小了我的问题范围。问题与 body、html 高度设置为 100% 无关。这取决于给 #page div 一个物理高度。它要求背景图像滚动的高度为 100%，但不需要指定scrollTo 的高度即可工作。请参阅我的 JSFiddle http://jsfiddle.net/nicklansdell/HFxVj/4/ 更新并尝试使用 #page 样式来了解我的意思。

Answer 1

您是否使用 $.scrollTo('selector-for-target-element', time); 进行滚动？对于此语法，正文的任一 HTML 都需要具有自动高度。我有类似的问题，我通过明确提及需要滚动的父 div 来解决。

$('parent-div-selector').scrollTo('selector-for-target-element', time);
instead of 
$.scrollTo('selector-for-target-element', time);

它起作用了。

希望有帮助。

Answer 2

只是一个远景 - 您是否尝试将 css 应用于 body 或 html，而不是两者？

仅正文：

body { 
height: 100%;
min-height: 100%;
}

仅 html：

html { 
height: 100%;
min-height: 100%;
}

Answer 3

仅将高度应用于 body，而不是 html。