Javascript 试图使滚动到顶部按钮正常工作

我为我的一个项目使用了一个bootstrap制作的主题，我决定为另一个项目去掉滚动到顶部按钮，但无论何时我把它放在另一个项目中，它都不会工作

//返回顶部按钮
$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>100）{
$（“.back to top”）.fadeIn（“slow”）；
}否则{
$（“.back to top”）.fadeOut（“slow”）；
}
});
$（“.back to top”）。单击（函数（）{
$（“html，body”）.animate({
滚动顶部：0
}，1500，“easeInOutExpo”）；
返回false；
});
。返回顶部{
位置：固定；
显示：无；
背景#99aa37；
颜色：#fff；
宽度：44px；
高度：44px；
文本对齐：居中；
线高：1；
字体大小：16px；
边界半径：50%；
右：15px；
底部：15px；
过渡：背景0.5s；
z指数：11；
}
.返回顶部i{
填充顶部：12px；
颜色：#fff
}

HTML:
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
试试这个

<!-- in HTML file -->
<h1 id="top">your text</h1>
    <a href="#top"class="back-to-top"><i class="fa fa-chevron-up"></i></a>



// in JS File
    $("a[href='#top']").click(function() {
          $("html, body").animate({ scrollTop: 0 }, "slow");
          return false;
        });


你的文字
//在JS文件中
$（“a[href='#top']）。单击（函数（）{
$（“html，body”）.animate（{scrollTop:0}，“slow”）；
返回false；
});
试试这个

<!-- in HTML file -->
<h1 id="top">your text</h1>
    <a href="#top"class="back-to-top"><i class="fa fa-chevron-up"></i></a>



// in JS File
    $("a[href='#top']").click(function() {
          $("html, body").animate({ scrollTop: 0 }, "slow");
          return false;
        });


你的文字
//在JS文件中
$（“a[href='#top']）。单击（函数（）{
$（“html，body”）.animate（{scrollTop:0}，“slow”）；
返回false；
});
一切正常，我想您没有包括该库。您可以使用ease library制作用于动画制作的特殊缓和，如以下链接：


$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>100）{
$（“.back to top”）.fadeIn（“slow”）；
}否则{
$（“.back to top”）.fadeOut（“slow”）；
}
});
$（“.back to top”）。单击（函数（）{
$（“html，body”）.animate（{scrollTop:0}，1500）；
返回false；
});
。返回顶部{
位置：固定；
显示：无；
背景#99aa37；
颜色：#fff；
宽度：44px；
高度：44px；
文本对齐：居中；
线高：1；
字体大小：16px；
边界半径：50%；
右：15px；
底部：15px；
过渡：背景0.5s；
z指数：11；
}
.返回顶部i{
填充顶部：12px；
颜色：#fff
}

你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
一切正常，我想您没有包括该库。您可以使用ease library制作用于动画制作的特殊缓和，如以下链接：


$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>100）{
$（“.back to top”）.fadeIn（“slow”）；
}否则{
$（“.back to top”）.fadeOut（“slow”）；
}
});
$（“.back to top”）。单击（函数（）{
$（“html，body”）.animate（{scrollTop:0}，1500）；
返回false；
});
。返回顶部{
位置：固定；
显示：无；
背景#99aa37；
颜色：#fff；
宽度：44px；
高度：44px；
文本对齐：居中；
线高：1；
字体大小：16px；
边界半径：50%；
右：15px；
底部：15px；
过渡：背景0.5s；
z指数：11；
}
.返回顶部i{
填充顶部：12px；
颜色：#fff
}

你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你检查过浏览器的控制台是否有错误吗？如果你想为将来设计，看看你检查过浏览器的控制台是否有错误吗？如果你想为将来设计，看看这一点有没有用，但问题是，我已经做过了：那一行代码只是为了StackOverflow。您只需复制/粘贴JS部件，这就成功了，但问题是，我已经有了：这行代码只是用于StackOverflow。您只需复制/粘贴JS部件