遇到一个需求，全局滚动条要悬浮变大，横、竖的都要，
直接 :hover 都是bug，而且变大后占的位置也变大了，
所以就想知道 可不可以让滚动条不占位置，还可以悬浮变大，
就是纯css的，有没有哪位大佬赐教一下
css 滚动条怎么不占内容位置，且悬浮宽度变大
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
wanmeikakaxi 2021-07-05 12:07关注用css 隐藏掉overflow
在用div 模拟重画滚动条，用div和z-index配合模拟滚动条解决 无用评论 打赏举报 分享
- 2020-09-22 13:33在网页设计中，当页面内容超出了可视区域的宽度时，浏览器会自动添加水平滚动条以允许用户水平滚动查看隐藏的内容。然而，滚动条本身会占用一定的空间，这可能会导致页面宽度缩小，从而影响布局的整体美观性。为了不...
- 2021-06-09 02:00weixin_39651325的博客 出现滚动条会导致内容偏移，想让滚动条不占宽度该如何设置，下面我们来看一下css设置滚动条不占宽度的方法。定义一个标签，标签的宽度为内容宽度加上滚动条宽度，可以设置滚动条的宽度为0，这样滚动条就可以不出现。...
- 2023-12-29 16:52爱学习的小康的博客 换个简单点可以复用的思路，既然滚动条一直占用宽度，那么我们把滚动条设置成透明，然后hover上去的时候显示颜色不就可以了吗。把上面的样式放到需要有滚动条的地方即可。
- 2023-11-29 10:43藤井粟的博客 css控制滚动条宽度大小、颜色
- 2019-04-02 14:05灬ManongLai的博客 滚动条不占位置滚动 在父标签的样式添加： {width:calc(100% + 15px);} 滚动条隐藏滚动 在样式表添加： selector::-webkit-scrollbar{ width:0; }
- 2021-11-11 17:45打怪升级一路向上的博客 前端滚动条不占页面宽度，同时又不隐藏进度条 demo如下： <!DOCTYPE html> <html> <head> <style> div { width:150px; height:150px; border:thin solid black; overflow-x:hidden; ...
- 2024-03-29 09:46weixin_47863904的博客 鼠标hover显示滚动条，且不压缩内容宽度
- 2024-08-23 08:37前端没钱的博客 CSS滚动条隐藏，鼠标悬浮时才显示
- 2025-04-02 06:20Yvettewww的博客 在网页开发中，当overflow设置为scroll或者auto时，某些浏览器会在需要时显示滚动条。这可能导致页面宽度被滚动条挤占，导致布局错位或内容跳动。
- 2022-08-27 11:03[root@小刘较瘦~]#的博客 用css和js在在Windows系统中实现Mac浏览器滚动条
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 9月18日