jQuery : ページ右下にページ先頭にジャンプするリンクを表示させる( アニメーションは無し )

このブログで実装しているものを jQuery に置き換えたものです。リンクは、スクロールしていない先頭では表示されませんが、少しスクロールすると表示されます。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(function(){
 
        // ページ右下固定位置のリンク
        var scroll_top = $("<a id='scroll_top'>▲</a>")
        scroll_top.prop("href","javascript:void(0)");
        scroll_top.css({ 
                "position": "fixed",
                "text-decoration": "none",
                "font-size" : "40px",
                "color" : "rgba(255,255,255,0.85)",
                "text-shadow" : "1px 1px 2px #656a6f",
                "right" : "0.5%",
                "bottom" : "5rem",
                "display" : "none"
        });
 
        // クリックした時の処理
        scroll_top.on("click", function(){
                window.scroll(0,0);
        });
 
        // ページの最後に追加
        $("body").append( scroll_top );
 
        // スクロールが無い先頭部分では表示しない
        $(window).on("scroll",function(){
                var scroll = $("html").scrollTop();
                if ( scroll <= 200 && $("#scroll_top").css("display") != "none" ) {
                        $("#scroll_top").css("display","none");
                }
                if ( scroll > 200 && $("#scroll_top").css("display") == "none" ) {
                        $("#scroll_top").css("display","");
                }
        });     
 
});
</script>