Javascript 如何在已经有图标的“滚动到顶部”按钮中添加文本
我对这个领域完全陌生,所以请帮帮我 我几乎什么都试过了,但似乎什么都没用。实际上,我想在我的scroll to top按钮中添加一些文本,该按钮已经制作完成,工作正常,并且有一个图标。但我想添加一些带有该图标的文本。这就是我想做的 以下是我在js文件中的代码:Javascript 如何在已经有图标的“滚动到顶部”按钮中添加文本,javascript,jquery,html,scrolltop,Javascript,Jquery,Html,Scrolltop,我对这个领域完全陌生,所以请帮帮我 我几乎什么都试过了,但似乎什么都没用。实际上,我想在我的scroll to top按钮中添加一些文本,该按钮已经制作完成,工作正常,并且有一个图标。但我想添加一些带有该图标的文本。这就是我想做的 以下是我在js文件中的代码: // Append Button $("body").append($("<a />") .addClass("scroll-to-top") .attr({
// Append Button
$("body").append($("<a />")
.addClass("scroll-to-top")
.attr({
"href": "#",
"id": "scrollToTop"
})
.append(
$("<i />")
.addClass("icon icon-chevron-up icon-white")
));
我应该在哪里添加文本,或者在上面的代码文件中,或者在我页面的代码中
任何形式的帮助都将不胜感激
提前感谢。尝试以下内容
$("body").append($("<a />")
.addClass("scroll-to-top")
.attr({
"href": "#",
"id": "scrollToTop"
})
.append(
$("<i>Scroll</i>")
.addClass("icon icon-chevron-up icon-white")
));
试试这个
$document.readyfunction{
$window.scroll函数{
如果$this.scrollTop>100{
$'.scrollup'.fadeIn;
}否则{
$'.scrollup'.fadeOut;
}
};
$'.scrollup'.clickfunction{
$html,body.animate{
滚动顶部:0
}, 600;
返回false;
};
};
/*此处使用的CSS将在bootstrap.CSS之后应用*/
.向上滚动{
宽度:250px;
高度:40px;
位置:固定;
底部:10px;
右:10px;
显示:块;
文本对齐:居中;
垂直对齐:中间对齐;
背景色:6BAFBD;
边框:1px实心6BAFBD;
边界半径:10px;
颜色:fff;
}
.向上滚动,中间{
利润率:12像素;
}
.向上滚动:悬停{
背景色:BD8D6B;
边框:1px实心BD8D6B;
颜色:000;
}
请同时发布HTML代码或共享fiddle。这似乎有些过分。您可以直接在html中创建锚定标记,而无需使用javascript。不回答问题我尝试了上述代码,它显示了文本,但不是单行。它对我有效,谢谢。我刚刚编辑了按钮的宽度,现在文本在一行中。还有一个问题,我可以复制代码来制作另一个这样的按钮吗。一个带有文本,一个带有图标?是的,你可以,但正如Andrei P.在对你的问题的评论中提到的,是否真的需要使用javascript创建这些。您可以在HTML中添加这些内容。