两个javascript之间的冲突。在锚定和返回顶部之间平滑滚动

我的单页网站上有两个Javascript。一个用于平滑滚动，另一个用于“返回顶部”。当我测试我的站点时，只有一个脚本可以工作（第一个脚本）

是否可以将两个脚本合并为一个脚本？或者，如何使两个脚本在没有冲突的情况下运行

我对jQuery或javascript了解不多，所以我对.noconflict方法不是很熟悉

提前谢谢你帮了我的忙

这是我的密码：

<script>
    $(document).ready(function(){

        // hide #back-top first
        $("#back-top").hide();

        // fade in #back-top
        $(function () {
            $(window).scroll(function () {
                if ($(this).scrollTop() > 100) {
                    $('#back-top').fadeIn();
                } else {
                    $('#back-top').fadeOut();
                }
            });

            // scroll body to 0px on click
            $('#back-top a').click(function () {
                $('body,html').animate({
                    scrollTop: 0
                }, 800);
                return false;
            });
        });

    });
    </script>

    <script> 

    var $root = $('html, body');

        $('a').click(function(){
        $root.animate({
            scrollTop: $('[name="' + $.attr(this, 'href').substr(1) + '"]').offset().top
                }, 800);
                return false;
            });

    </script>

$（文档）.ready（函数（）{
//藏起来#先放在后面
$（“#后顶”）.hide（）；
//淡入式#后车顶
$（函数（）{
$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>100）{
$（“#后顶”）.fadeIn（）；
}否则{
$（“#后顶”）.fadeOut（）；
}
});
//单击可将正文滚动到0px
$（“#返回顶部a”）。单击（函数（）{
$（'body，html'）。设置动画({
滚动顶部：0
}, 800);
返回false；
});
});
});
var$root=$（'html，body'）；
$（'a'）。单击（函数（）{
$root.animate({
scrollTop:$（'[name=“'+$.attr（this，'href'）.substr（1）+'“]'））.offset（）.top
}, 800);
返回false；
});

我提出了一个解决方案，可以做进一步的研究

我已将两个脚本合并为一个功能完整的脚本：

<script>

    $(document).ready(function(){
        $('a.anchor').click(function(){
           var anchorAttr = $(this).attr('data-title');
           var anchorPos = $('#' + anchorAttr).offset().top;

           $('html,body').stop().animate({scrollTop: anchorPos});
        });

       var backtoTop = $('.control a.backtotop');
       backtoTop.hide();  

       $(window).scroll(function () {
                if ($(this).scrollTop() > 100) {
                    backtoTop.fadeIn();
                } else {
                    backtoTop.fadeOut();
                }
            });

        backtoTop.click(function (e) {
            e.preventDefault();
            $('body,html').stop().animate({
                    scrollTop: 0
                }, 900);

        });

    });

$（文档）.ready（函数（）{
$（'a.anchor'）。单击（函数（）{
var anchoratr=$（this.attr（'data-title'）；
var anchorPos=$（'#'+anchoratr）.offset（）.top；
$（'html，body'）.stop（）.animate（{scrollTop:anchorPos}）；
});
var backtoTop=$（'.control a.backtoTop'）；
backtoTop.hide（）；
$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>100）{
backtoTop.fadeIn（）；
}否则{
backtoTop.fadeOut（）；
}
});
返回顶部。单击（功能（e）{
e、 预防默认值（）；
$（'body，html'）.stop（）.animate({
滚动顶部：0
}, 900);
});
});

以下是我正在寻找的解决方案的链接：

上面的链接正是我所需要的。我想分享一下会很好