Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 滚动顶部不显示';我不想在Firefox上工作_Javascript_Jquery_Html_Css_Firefox - Fatal编程技术网

Javascript 滚动顶部不显示';我不想在Firefox上工作

Javascript 滚动顶部不显示';我不想在Firefox上工作,javascript,jquery,html,css,firefox,Javascript,Jquery,Html,Css,Firefox,我知道,这个问题已经被问了上百次了,但没有一个解决方案能真正帮助我 Scroll Top在firefox上不起作用,但在chrome和safari上起作用 这是我的js function scroll_top (){ $("body").append("<div id='scroll-top'><i class='fa fa-angle-up'></i></div>") $('#scroll-top').on( 'click', funct

我知道,这个问题已经被问了上百次了,但没有一个解决方案能真正帮助我

Scroll Top在firefox上不起作用,但在chrome和safari上起作用

这是我的js

function scroll_top (){
  $("body").append("<div id='scroll-top'><i class='fa fa-angle-up'></i></div>")
  $('#scroll-top').on( 'click', function() {
      $('html, body').animate({scrollTop: 0});
      return false;
  });
  if( $(window).scrollTop() > 700 ) {
    $('#scroll-top').fadeIn();

  } else {

    $('#scroll-top').fadeOut();
  }

  $(window).scroll(function(){
    if( $(window).scrollTop() > 700 ) {
      $('#scroll-top').fadeIn();
    } else {
      $('#scroll-top').fadeOut();
    } 
  })

}
先谢谢你

命令
$('html,body').animate({scrollTop:0})
在Firefox中不适用于您的网站。Firefox中存在一些问题,这些问题已经在stackoverflow上进行了深入讨论

要解决Firefox中的问题,需要根据以下答案将一些CSS属性设置为
。然后,它起作用了。

Javascript控制台中是否存在任何错误?哪个
scrollTop
不起作用
animate({scrollTop:0})
$(window).scrollTop()
?它们实际上都不起作用。js控制台中也没有错误。您可以制作一个JSFIDLE来演示问题吗?您好,您可以在这里查看www.metropoloys.com@Barmar
html, body {
    width: 100%;
    min-height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}