如何在Angular、CSS、JS或HTML中移除滚动条并固定页面高度？

一、让页面彻底不可滚动（稳定页面高度） #

这是直接匹配你需求的方案，通过CSS限制页面溢出行为：

• 最简写法：给body添加样式

body {
  overflow: hidden;
}

该设置会隐藏所有超出视口的内容，同时完全禁止页面滚动。

• 更严谨的固定高度写法（规避默认边距干扰）：
  如果页面默认的margin或padding导致高度超出视口，可以同时固定html和body的高度：

html, body {
  height: 100vh; /* 高度与浏览器视口高度一致 */
  margin: 0;
  padding: 0;
  overflow: hidden;
}

二、隐藏滚动条但保留滚动功能（可选场景） #

如果只是不想显示滚动条，但仍需要允许内容滚动（比如特殊设计需求），可针对不同浏览器做兼容处理：

body {
  overflow: auto; /* 保留滚动功能 */
  scrollbar-width: none; /* Firefox 隐藏滚动条 */
  -ms-overflow-style: none; /* IE/Edge 隐藏滚动条 */
}
/* Chrome、Safari 等 WebKit 内核浏览器 */
body::-webkit-scrollbar {
  display: none;
}

内容的提问来源于stack exchange，提问作者Адалбек Адилов