Question

我创建了一个在jquery中滚动到顶部的函数。但除了chrome之外，它在浏览器中不起作用。请帮忙。

样式部分：

  <style>
  #gototop {
  cursor: pointer;
  bottom:100px;
  position:fixed;
  right:0;
  z-index:90000000;
  }
  </style>

Html部分：

<div id="gototop"><img src="gototop.png"></div>

脚本部分：

<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script>
(function(){

    var pstatic = $(window).width()/4;

    $('#gototop').fadeOut(05);

    $(window).scroll(function(){
        var pcurrent = $(this).scrollTop();
        (pcurrent <= pstatic) ? $('#gototop').fadeOut(500) : $('#gototop').fadeIn(500);
    })

    $("#gototop").on("click",function(){
            $('body').animate({scrollTop:0}, 1000, 'swing');
    });

})();
</script>

Answer 1

您必须使用body和html标记上的动画功能，以确保它适用于所有浏览器。

$("#gototop").on("click",function(){
    $('body,html').animate({scrollTop:0}, 1000, 'swing');
});

除了chrome之外，jquery scrolltotop在浏览器中不起作用？

1 个答案: