遇到一个需求，全局滚动条要悬浮变大，横、竖的都要，
直接 :hover 都是bug，而且变大后占的位置也变大了，
所以就想知道 可不可以让滚动条不占位置，还可以悬浮变大，
就是纯css的，有没有哪位大佬赐教一下
css 滚动条怎么不占内容位置，且悬浮宽度变大
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
wanmeikakaxi 2021-07-05 12:07关注用css 隐藏掉overflow
在用div 模拟重画滚动条，用div和z-index配合模拟滚动条解决 无用评论 打赏举报 分享
- 2022-04-08 16:48回答 1 已采纳 把滚动的盒子的margin换成padding试试 保证盒子的右边位置贴着屏幕最右边就行
- 2022-02-25 18:32回答 1 已采纳 overflow:hidden
- 2022-04-28 16:15回答 1 已采纳 <div class="video-center"> 放到<div class="a1">外面。
- 2021-06-09 02:00weixin_39651325的博客 出现滚动条会导致内容偏移，想让滚动条不占宽度该如何设置，下面我们来看一下css设置滚动条不占宽度的方法。定义一个标签，标签的宽度为内容宽度加上滚动条宽度，可以设置滚动条的宽度为0，这样滚动条就可以不出现。...
- 2022-03-06 21:04回答 3 已采纳 因为你的flex布局，你的写法是会将两个盒子弹性的宽度展示在这一行的；我觉得你需要去学习一下flex布局得相关语法
- 2021-12-27 16:48回答 2 已采纳 支持的不一样，你可以试试自己写一个滚动条，这样就不会出现不兼容的问题了
- 2021-12-27 16:29回答 4 已采纳 给你需要背景变宽的P标签加一个样式，例如 p1,然后给p1加一个经过样式，例如，p1:hover{},至于文字位置可以考虑居中，靠右的话肯定会变化
- 2023-12-29 16:52爱学习的小康的博客 换个简单点可以复用的思路，既然滚动条一直占用宽度，那么我们把滚动条设置成透明，然后hover上去的时候显示颜色不就可以了吗。把上面的样式放到需要有滚动条的地方即可。
- 2021-08-09 11:20回答 2 已采纳 /*隐藏这句话*/ justify-content: space-around;
- 2021-08-19 17:08回答 3 已采纳 谢谢三位的帮助，解决了，在index.html页面下加入以下代码就可以了，三楼让加overflow:hidden，需要换成overflow:auto；换成scroll也可以滚动，但是出现了三个滚动条不
- 2022-02-17 10:44回答 3 已采纳 你看一下这个overflow:auto上面的class是什么，可以强制修改，直接在你的css里 .new-pmd .c-gap-bottom-xsmall{ overflow:overlay !i
- 2023-11-29 10:43藤井粟的博客 css控制滚动条宽度大小、颜色
- 2021-09-09 19:26回答 1 已采纳 document.querySelector('')获得符合条件的第一个元素这个引号里面可以添加任意的选择器querySelectorAll是可以获取多个元素
- 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显示滚动条，且不压缩内容宽度
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 9月18日
悬赏问题
- ¥200 解决登录微信老版本限制封号问题
- ¥15 mysql中时间处理问题
- ¥20 讲解此音频放大电路原理及关键部分
- ¥15 rtsp 转 m3u8 执行后卡在Decoding VUI
- ¥20 微信小程序转发链接问题，已禁止转发仍能转发的场景
- ¥15 关于#硬件架构#的问题：根据开片的IC来判断是哪一款
- ¥15 matlab simulink
- ¥15 rtos搭建sip协议开发包
- ¥100 TM4C1290NCPDT 在线调试
- ¥15 window系统获取某进程打开的文件路径