Jquery 代码在 IE 和 firefox 上不起作用答案

【问题标题】：Jquery code not working on IE and firefoxJquery 代码在 IE 和 firefox 上不起作用
【发布时间】：2015-04-29 09:32:04
【问题描述】：

我编写了一个小的 jQuery 代码，它适用于 Chrome 和 Opera，但不适用于 IE 和 Firefox。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js">
$(document).scroll(function () {
				if ($('body')[0].scrollTop / $('body')[0].scrollHeight > 0.29) {
					$(".over_one").fadeIn(2000);
				} else {
					$(".over_one").fadeOut(1);
				}
			});
</script>

我还搜索了here 和here，但这并没有解决我的问题。

【问题讨论】：

您是否尝试过等效的 jQuery 方法来访问这些属性？并非所有浏览器都支持scrollHeight。
浏览器使用不同的元素进行滚动。有些使用html，有些使用body。除了@Filype 发现的内容之外，您的代码看起来可能会受到影响。（虽然“不起作用”是一种模糊的错误描述，因为我们不知道您想要实现什么。）
我修好了，我已将'html, body' 添加到.scrollHeight 并删除了.scrollTop，感谢@Boldewyn、@TrueBlueAussie 和@Filype 的帮助

标签： jquery internet-explorer firefox

【解决方案1】：

我认为您在脚本标记中有src 属性和javascript 代码。这应该分为 2 个脚本标签。

通常您发布的内容是这样写的：（尽管这可能不是问题）

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

<script>
$(document).ready(function () {
  if ($('body')[0].scrollTop / $('body')[0].scrollHeight > 0.29) {
    $(".over_one").fadeIn(2000);
  } else {
    $(".over_one").fadeOut(1);
  }
});
</script>

【讨论】：