AI 助理
备案控制台
开发者社区 云计算 文章 正文

元素去掉滚动条,保留滚动功能

2023-08-08 116
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 元素去掉滚动条,保留滚动功能
去掉滚动条,保留滚动功能


.有滚动条的块的类名::-webkit-scrollbar {
      display: none;
    }


或者把有滚动条的元素用另一个元素包起来,并设置overflow:hidden,让滚动条的位置超出外层元素,就隐藏了


如图,滚动条在红色框上,但是,给黑色框设置了overflow:hidden,红色框的滚动条刚好超出了黑色框,所以就隐藏了滚动条.

前端李十三
目录
相关文章
你挚爱的强哥
|
7月前
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
你挚爱的强哥
67 0
Y2000104
|
7月前
|
移动开发 前端开发
H5长页面禁止垂直滚动
H5长页面禁止垂直滚动
Y2000104
58 0
秋刀鱼不做梦
|
6月前
|
移动开发 前端开发 HTML5
有关CSS中排版常见问题（清除默认样式问题 + 元素居中问题 + 元素之间的空白问题 + 行内块的幽灵空白问题）
有关CSS中排版常见问题（清除默认样式问题 + 元素居中问题 + 元素之间的空白问题 + 行内块的幽灵空白问题）
秋刀鱼不做梦
71 5
入冉心
|
前端开发 JavaScript 容器
JavaScrpit如何实现弹出遮罩层后将页面固定到当前位置且无法继续滚动
JavaScrpit如何实现弹出遮罩层后将页面固定到当前位置且无法继续滚动
入冉心
77 0
博客zhu虎康
|
7月前
自定义视口高度，多余的部分使用滚动
自定义视口高度，多余的部分使用滚动
博客zhu虎康
31 1
子玉欸
判断页面滚动条所在位置
判断页面滚动条所在位置
子玉欸
34 0
在下月亮有何贵干
|
JavaScript 前端开发
js 各种位置获取全解（包括元素属性、鼠标位置、滚动位置）
js 各种位置获取全解（包括元素属性、鼠标位置、滚动位置）
在下月亮有何贵干
358 0
js 各种位置获取全解（包括元素属性、鼠标位置、滚动位置）
DCodes
|
前端开发
css给超出内容设置滚动条和去除滚动条显示：
css给超出内容设置滚动条和去除滚动条显示：
DCodes
218 0
甜点cc
布局之悬浮显示更多文本并增加箭头指示效果
布局之悬浮显示更多文本并增加箭头指示效果
甜点cc
133 0
布局之悬浮显示更多文本并增加箭头指示效果
Boale_H
ElementUI el-table 设置固定列，横向滚动条在固定列的位置上无法滚动的问题
ElementUI el-table 设置固定列，横向滚动条在固定列的位置上无法滚动的问题
Boale_H
1909 0