📅 最后修改于: 2023-12-03 15:21:18.041000 🧑 作者: Mango
Xcel 是一种基于 CSS 的框架，目的是为 CSS 开发提供一些便利和规范。Scool 是一种基于 Xcel 的 CSS 样式库，提供了一些现成的样式，可以方便地快速构建漂亮的页面。
有时候我们可能并不需要 Scool 提供的某些样式，或者是想应用自己的风格。这时候就需要关闭 Scool 提供的锁，才能自由地修改样式。
关闭 Scool 锁的方法如下：
html {
overflow: initial !important;
}
body {
overflow: initial !important;
}
这里我们使用了 !important 来覆盖 Scool 提供的锁，确保样式能够生效。我们对 html 标签和 body 标签都进行了样式覆盖，以确保页面的滚动条能够正常显示。
除此之外，我们还可以通过修改 data-scool-lock 的属性值来关闭 Scool 锁。这种方法更加简洁，但并不是所有情况都适用。
<body data-scool-lock="false">
<!-- 页面内容 -->
</body>
总的来说，关闭 Scool 锁可以让我们更加自由地修改页面样式，但需要注意不要破坏页面的布局和结构。
参考链接：