diff --git a/03-CSS进阶/CSS开发积累.md b/03-CSS进阶/CSS开发积累.md index 0527c85..265e6b3 100644 --- a/03-CSS进阶/CSS开发积累.md +++ b/03-CSS进阶/CSS开发积累.md @@ -102,12 +102,31 @@ CSS的逗号一般写在()里。**不同属性值之间,用的是空格**, ``` 注意,button 里面不要写 `overflow: hidden` 属性,否则扩大的热区无效。 - 参考链接: - - - - +### 2020-10-09-上下滚动,不显示滚动条 + +```css +.sku_list { + margin-left: 25rpx; + display: flex; + flex-wrap: wrap; + + height: 617rpx; + overflow: hidden; + overflow-y: scroll; + + /* 去掉滚动条 */ + &::-webkit-scrollbar { + display: none; + } +} +``` + +注意,去掉滚动条的那行代码里,建议用`display: none;`,不要用`width: 0;`。因为,当你需要设置横向滚动的效果时,`display: none;`这个属性的效果更好,不会改变容易的size;`width: 0;`可能会改变容易的size。 + +参考链接: + +- [html设置局部区域上下滚动,不显示滚动条](https://blog.csdn.net/weixin_42157001/article/details/90176510)