css点如何到上面

CSS点如何到上面？
CSS 是指层叠样式表，用于控制网页的样式和布局。有时候，在网页设计中，我们会需要在某个特定位置添加一个指向页面顶部的按钮，方便用户快速回到顶部。
那么，怎么让 CSS 实现这个功能呢？
首先，在 HTML 文件中添加一个按钮：

<button id="back-to-top">返回顶部</button>

接着，在 CSS 中设置该按钮的样式和位置：

p #back-to-top {
  
  display: none;
  
  position: fixed;
  
  bottom: 20px;
  
  right: 20px;
  
  z-index: 99;
  
  font-size: 18px;
  
  color: #ffffff;
  
  background-color: #0099cc;
  
  border: none;
  
  border-radius: 50%;
  
  cursor: pointer;
  
  padding: 10px;
}
p #back-to-top:hover {
  
  background-color: #001f3f;
}

最后，在 JavaScript 中添加按钮的功能——当用户点击按钮时，页面滚动到顶部：

var button = document.getElementById("back-to-top");
button.addEventListener("click", function() {
  
  window.scrollTo({
  
   
   top: 0,
  
   
   behavior: 'smooth'
  
}
);
}
);

使用上述代码，就可以让页面顶部添加一个回到顶部的按钮了。
PS：如果想要让按钮在页面滚动一定距离后才出现，可以在 JavaScript 中判断窗口的滚动位置，例如：

window.addEventListener("scroll", function() {
  
  if (window.pageYOffset > 100) {
  
   
   button.style.display = "block";
  
}
 else {
  
   
   button.style.display = "none";
  
}
}
);

以上是 CSS 点如何到上面的相关内容，希望对您有所帮助。