Javascript 如何使用JQuery和Material Design Lite滚动到顶部

我一直在我的网站上使用Material Design Lite，我还使用JQuery显示一个滚动到顶部的按钮。但他们没有合作。安装了Material Design Lite后，单击该按钮不会执行任何操作

<div class='back-to-top'>
  <a class='hvr-icon-spin' href='#'/>
</div>

<script>
  $(window).scroll(function() {
    if($(this).scrollTop() &gt; 200) {
      $(&#39;#back-to-top&#39;).fadeIn();
        } else {
        $(&#39;#back-to-top&#39;).fadeOut();
        }
        });
      $(&#39;#back-to-top&#39;).hide().click(function() {
        $(&#39;html, body&#39;).animate({scrollTop:0}, 600);
        return false;
        });
</script>

您可以通过以下链接进行检查


这可能是由于主容器、标题的固定位置造成的。材料设计使用mdl容器中的溢出。因此，请使用以下代码向上滚动：

$(".mdl-layout__content").animate({scrollTop:0}, 500, "slow");

你可以尝试使用

$('.mdl-layout__content').animate({scrollTop:0}, 'slow');

对我来说，它与：

$('.mdl-layout').animate({scrollTop:0}, 'slow');

当包含MDL时，该按钮仍然不会出现。在这里（）检查代码，并在这里（）完全“工作”。
$('.mdl-layout').animate({scrollTop:0}, 'slow');