#fixed-button { width: 50px; height: 50px; border-radius: 50%; background-color: #FF0000; background-image: url("image/service.png"); background-repeat: no-repeat; background-size: cover; position: fixed; top: 90%; left: 10%; transform: translate(-50%, -50%); z-index: 9999; text-align: center; text-decoration: none; } var fixedButton = document.getElementById("fixed-button"); window.addEventListener("scroll", function() { fixedButton.style.position = "fixed"; });怎么添加按钮中的文字

要在按钮中添加文字，可以在 HTML 中添加一个文本节点，或者在 CSS 样式中设置按钮的文本样式。例如，可以在 HTML 中添加一个 span 元素来包含按钮的文字：

<button id="fixed-button">
  <span>Click Me</span>
</button>

然后在 CSS 中设置 span 元素的样式，例如：

#fixed-button span {
  display: inline-block;
  margin-left: 5px;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  line-height: 50px;
}

在这个例子中，设置了 span 元素的样式，包括显示方式、边距、文本颜色、字体大小、字体粗细、对齐方式和行高等，从而让按钮中的文本居中显示，并且与按钮的背景颜色和图片形成对比。

如果你希望在 JavaScript 中动态设置按钮的文本内容，可以使用以下代码：

var fixedButton = document.getElementById("fixed-button");
var buttonText = document.createElement("span");
buttonText.innerHTML = "Click Me";
fixedButton.appendChild(buttonText);

这里使用了 JavaScript 的 createElement 方法创建一个 span 元素，然后设置其 innerHTML 属性为"Click Me"，最后将其添加到按钮中作为子元素。这样就可以在 JavaScript 中动态设置按钮的文本内容了。