如何在滚动到顶部按钮中添加文本，其中已经有一个图标

Question

我是这个领域的新手，请帮帮我。

我几乎尝试了所有方法，但似乎没有任何效果。实际上，我想在滚动到顶部按钮中添加一些文本，该按钮已经制作完成并且运行良好，并且其中有一个图标。但我想添加一些带有该图标的文本。这是 a link 我想做的！

以下是我在 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>

演示 Here.

如何在滚动到顶部按钮中添加文本，其中已经有一个图标

How can I add text in my scroll to top button which already has an icon in it

html

javascript

jquery

scrolltop