Javascript 为什么jQuery中的scrollTop没有';你不能在Firefox上工作吗?
我在我的html文件的标题中有这个。代码的目的是让元素(#hello)在用户滚动页面时淡出。这在Chrome、Safari和Opera中的效果与预期一样,但在Firefox中淡入淡出不起作用。有人知道是什么阻止它在所有浏览器中以相同的方式运行吗Javascript 为什么jQuery中的scrollTop没有';你不能在Firefox上工作吗?,javascript,jquery,html,firefox,Javascript,Jquery,Html,Firefox,我在我的html文件的标题中有这个。代码的目的是让元素(#hello)在用户滚动页面时淡出。这在Chrome、Safari和Opera中的效果与预期一样,但在Firefox中淡入淡出不起作用。有人知道是什么阻止它在所有浏览器中以相同的方式运行吗 <script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript"></script> <script type="text/ja
<script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$(window).scroll(function() {
var scrollFromTop = $("body").scrollTop();
$("#hello").css("opacity", 1.5-scrollFromTop/250);
});
});
</script>
$(函数(){
$(窗口)。滚动(函数(){
var scrollFromTop=$(“正文”).scrollTop();
$(“#你好”).css(“不透明度”,1.5-scrollFromTop/250);
});
});
尝试用
关闭脚本标记。使用:$(document.scrollTop()代码>
像这样:
<script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$(window).scroll(function() {
var scrollFromTop = $(document).scrollTop();
$("#hello").css("opacity", 1.5-scrollFromTop/250);
});
});
</script>
$(函数(){
$(窗口)。滚动(函数(){
var scrollFromTop=$(document.scrollTop();
$(“#你好”).css(“不透明度”,1.5-scrollFromTop/250);
});
});
$(“body”).scrollTop()在firefox中不起作用。根据,请尝试$(窗口)。scrollTop()
():
对不起,已经关门了。我很难让SO的编辑器不将其关闭什么版本的Firefox?您可能必须使用-moz-
前缀。参考:你能做一个JSFIDLE示例吗?Firefox30.0-moz-prefix适用于更旧的版本,对吗?你能检查浏览器控制台是否有错误吗?@mdurban事实上是的,这是一个非常有效的观点。我认为像Firefox 0.9+一样,opacity
已经得到了支持,所以应该没问题……谢谢Hors!现在效果很好。
$(function() {
$(window).scroll(function() {
var scrollFromTop = $(window).scrollTop();
$('#hello').html(scrollFromTop);
$("#hello").css("opacity", 1.5-(scrollFromTop/250));
});
});