javascript - 2 つの JavaScript 間の競合。アンカー間をスムーズにスクロールしてトップに戻る

Question

単一ページの Web サイトに 2 つの JavaScript があります。1 つはスムーズ スクロール用で、もう 1 つは "トップに戻る" として機能します。サイトをテストすると、これらのスクリプトの 1 つだけが機能します (最初に呼び出されたスクリプト)。

両方のスクリプトを 1 つにマージすることは可能ですか? または、競合することなく両方のスクリプトを実行するにはどうすればよいですか?

私は 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>