具有 100% 高度主体的 jQuery 滚动答案

【问题标题】：jQuery Scroll with 100% height body具有 100% 高度主体的 jQuery 滚动
【发布时间】：2013-09-24 10:10:44
【问题描述】：

我正在尝试使用以下代码在窗口滚动时触发 jQuery 函数：

$(window).scroll(function(){

但是，当我将正文高度设置为 100%（需要在网站上进行格式化）时，滚动功能不会触发。主体高度设置为 100%，以便背景图像填满整个浏览器窗口。

有什么方法可以在滚动时触发滚动功能，或者使用替代功能或替代代码让背景图像拉伸整个页面？

谢谢

编辑（我的解决方案）：

这是一个有点奇怪的问题，因为它有严格的条件 - 即）身高，以及我在玩耍时输入的其他编码。

但我发现我有

overflow:auto;

在 body 内的父 div 上设置。

解决方法是去掉溢出并添加一个

position:relative;

到所有内容周围的 div。

这可能不适用于其他任何人，但我想我会发布解决方案以防万一！

感谢您的帮助！

干杯亚历克斯

【问题讨论】：

您的页面内容是否大于视口...换句话说，您的页面是否有滚动条出现？
您好 - 不，它没有 - 我找到了解决方案 - 我将使用解决方案编辑问题！
谢谢。当我将 overflow 从 auto 更改为 visible 时，我发现它对我有用

标签： jquery html css scroll

【解决方案1】：

您可以像这样指定背景大小：

body{
    background-image: url('http://images.google.com/intl/en_ALL/images/srpr/logo11w.png');
    background-size:100%;
    background-repeat:no-repeat;
}

它会填满整个浏览器窗口

【讨论】：

然后从正文中删除height: 100%，您的滚动事件将被触发。