如何在滾動到頂部按鈕的頂部已經有圖標的文本中添加文本

Question

我是這個領域的新手，請幫幫我。

我已經嘗試了幾乎所有內容，但似乎沒有任何效果。 實際上，我想在滾動條的頂部按鈕中添加一些文本，該文本已經制作好並且可以正常工作，並且其中有一個圖標。 但是我想添加帶有該圖標的文本。 這是我想做的鏈接 ！

以下是我在js文件中的代碼：

// Append Button
$("body").append($("<a />")
        .addClass("scroll-to-top")

            .attr({
                "href": "#",
                "id": "scrollToTop"
                            })
        .append(
            $("<i />")
            .addClass("icon icon-chevron-up icon-white")
    ));

在上面的代碼文件中或在頁面代碼中，我應該在哪里添加文本？

任何形式的幫助將不勝感激。

提前致謝。

Answer 1

請嘗試以下。

$("body").append($("<a />")
    .addClass("scroll-to-top")

        .attr({
            "href": "#",
            "id": "scrollToTop"
                        })
    .append(
        $("<i>Scroll</i>")
        .addClass("icon icon-chevron-up icon-white")
));

Answer 2

嘗試這個

 $(document).ready(function () { $(window).scroll(function () { if ($(this).scrollTop() > 100) { $('.scrollup').fadeIn(); } else { $('.scrollup').fadeOut(); } }); $('.scrollup').click(function () { $("html, body").animate({ scrollTop: 0 }, 600); return false; }); }); 

 /* CSS used here will be applied after bootstrap.css */ .scrollup { width: 250px; height: 40px; position: fixed; bottom: 10px; right: 10px; display: block; text-align:center; vertical-align:middle; background-color: #6BAFBD; border:1px solid #6BAFBD; border-radius:10px; color:#fff; } .scrollup .middle{ margin:12px; } .scrollup:hover{ background-color: #BD8D6B; border:1px solid #BD8D6B; color:#000; } 

 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet"> <a href="#" class="scrollup">Back To Top<i class = "fa fa-chevron-up middle"></i></a> 

在這里演示。