我已通过在 style.scss
中指定代码来禁用滚动浏览我的元素。现在我需要为特定组件的模板启用滚动。但我做不到。
样式.scss
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar {
display: none;
}
以上是禁用滚动元素。
abc.html
<div class="col-sm-4 scroll">
<div class="card">
</div>
abc.scss
.scroll {
max-height: 100px!important;
overflow-y: auto!important;
}
我没有看到上述 (abc.html & abc.scss
) 代码的任何滚动。请帮帮我
最佳答案
您已将 ::-webkit-scrollbar
元素设置为 display: none
。您需要再次显示它:
.scroll {
max-height: 100px!important;
overflow-y: auto!important;
&::-webkit-scrollbar {
display: initial;
}
}
关于html - 为特定组件启用滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58949637/