Question

我知道，这个问题已被问过几百次，但实际上没有一个解决方案对我有帮助。

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

html, body {
    width: 100%;
    min-height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

提前谢谢你。

Answer 1

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

要在Firefox中解决您的问题，您需要根据以下答案将一些CSS属性设置为<html>和<body>。然后，它的工作原理。 https://stackoverflow.com/a/8149216

Scroll Top不适用于Firefox

1 个答案: