Javascript 滚动至顶部按钮不适用于chrome或safari

Javascript 滚动至顶部按钮不适用于chrome或safari,javascript,Javascript,尝试一个简单的滚动到顶部按钮,使用javascript,按照通常的建议,在firefox中运行良好,在safari或chrome中无法运行 守则: html: JavaCScript: <script type="text/javascript"> $(document).ready(function() { $('#backToTopBtn').click(function(){ $('html, body').animate({scrollTop : 0},800);

尝试一个简单的滚动到顶部按钮,使用javascript,按照通常的建议,在firefox中运行良好,在safari或chrome中无法运行

守则:

html:

JavaCScript:

<script type="text/javascript">
$(document).ready(function() {

$('#backToTopBtn').click(function(){
    $('html, body').animate({scrollTop : 0},800);
    return false;
});

});
</script>
它在chrome和safari中的JSFIDLE中对我有效,因此它不应该是实际的代码:


在我的代码中,我尝试删除所有其他javascript,但没有成功。您知道问题的起因吗?

在chrome中打开您的页面,右键单击Inspect Element,转到console选项卡,然后单击顶部链接,也可以尝试以下操作:

<script type="text/javascript">
$document.readyfunction{

$('#backToTopBtn').on('click',function(){
$('html, body').animate({scrollTop : 0},800);
return false;
});

});
</script>

我最终解决了这个问题——我用css代码试图修复妨碍javascript的页脚。去掉它完全解决了这个问题

我在别处读到,当存在具有绝对位置的元素时,scrollTop不工作。令人不快的问题是页脚有:

position:absolute;

javascript/jquery中的其他所有内容都正常工作了吗?是否引用了jquery库?所有其他javascript都正常工作,是的,我引用了一个jquery库。如果出现任何问题,您应该在控制台选项卡中看到它。感谢您的指导,通常不要使用chrome来了解函数。但是,当我单击o在顶部的按钮上,alli的控制台中没有任何内容,我想也许你的html模型是错误的,检查它,你的html结构,id名称,这能解释它在firefox中工作而不是在chrome/safari中工作吗?也检查了一下……我所有的javascript在单击时都没有显示在控制台中,即使是可以工作的项目。
position:absolute;