📅  最后修改于: 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 锁可以让我们更加自由地修改页面样式,但需要注意不要破坏页面的布局和结构。
参考链接: