jQuery滚动到非工作体,html设置为100%

jQuery滚动到非工作体,html设置为100%,jquery,css,hash,anchor,scrollto,Jquery,Css,Hash,Anchor,Scrollto,刚刚有一位SO用户就这个问题提供了一些很棒的帮助: 正如您在这里看到的,当用户滚动页面时,我希望以增量方式滚动divs背景图像。有关工作版本,请参见以下内容: 给出的答案非常有效。但是,除了能够使用浏览器滚动条滚动页面外,我还想包括一些额外的功能,在单击锚定时将页面滚动到divs散列位置。我正在使用scrollTo插件来实现这一点,在我加入以下CSS之前,该插件工作得非常好: body, html { height: 100%; min-height: 100%; } 不幸

刚刚有一位SO用户就这个问题提供了一些很棒的帮助:

正如您在这里看到的,当用户滚动页面时,我希望以增量方式滚动divs背景图像。有关工作版本,请参见以下内容:

给出的答案非常有效。但是,除了能够使用浏览器滚动条滚动页面外,我还想包括一些额外的功能,在单击锚定时将页面滚动到divs散列位置。我正在使用scrollTo插件来实现这一点,在我加入以下CSS之前,该插件工作得非常好:

body, html {
    height: 100%;
    min-height: 100%;
}
不幸的是,如果我包括这一点,页面滚动到动画不工作,但包括它允许背景图像位置动画工作,它似乎是一个或另一个,但我当然需要两者:-)有人能建议一个解决办法吗?非常感谢

编辑*


我把我的问题缩小了一点。问题不在于主体,html设置为高度100%。这取决于给#page div一个物理高度。背景图像滚动需要100%的高度,但不需要为滚动指定高度。请查看我的JSFIDLE更新,并尝试使用页面样式来了解我的意思。

只是一个长期问题-您是否尝试将css应用于正文或html,而不是两者

唯一机构:

body { 
height: 100%;
min-height: 100%;
}
仅限html:

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

您正在使用
$.scrollTo('selector-for-target-element',time')用于执行滚动?对于这种语法,body的任何一个HTML都需要具有height auto。我有类似的问题,我通过明确提到需要滚动的父div来解决

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


希望有帮助。

仅将高度应用于身体,而不是html。

非常感谢您的建议,但不幸的是,它不起作用。我看不到小提琴中的动画代码。另一方面,我在Html区域也没有看到任何内容。我应该看到吗?@Niklas很抱歉我在玩代码,把所有的scrollTo引用都拿了出来。我已经把它们放回去了,也缩小了问题的范围。请看我上面的编辑。对不起,我现在没有任何想法,祝你好运!