1

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

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

正如您在此处看到的，我想在用户滚动页面时逐步滚动 divs 背景图像。看到这个工作版本：

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

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

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

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

编辑*

我已经把我的问题缩小了一点。问题与正文无关，html 被设置为高度 100%。归结为给#page div 一个物理高度。背景图像滚动需要 100% 的高度，但不需要为 scrollTo 工作指定高度。请查看我的 JSFiddle http://jsfiddle.net/nicklansdell/HFxVj/4/更新并使用#page 样式来了解我的意思。

4

3 回答 3

1

你是$.scrollTo('selector-for-target-element', time);用来做滚动的吗？对于这种语法，body 的任何一个 HTML 都需要具有自动高度。我有类似的问题，我通过明确提到需要滚动的父 div 来解决。

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

它奏效了。

希望能帮助到你。

于 2011-03-16T06:40:41.527 回答
0

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

只有身体：

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

只有html：

html { 
height: 100%;
min-height: 100%;
}
于 2011-02-21T17:13:57.830 回答
-2

Only apply the height to body, not html.

于 2016-07-09T17:33:02.017 回答