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

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

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


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


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


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

前端李十三
目录
相关文章
你挚爱的强哥
|
1月前
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
你挚爱的强哥
10 0
入冉心
|
7月前
|
前端开发 JavaScript 容器
JavaScrpit如何实现弹出遮罩层后将页面固定到当前位置且无法继续滚动
JavaScrpit如何实现弹出遮罩层后将页面固定到当前位置且无法继续滚动
入冉心
29 0
博客zhu虎康
|
3月前
自定义视口高度，多余的部分使用滚动
自定义视口高度，多余的部分使用滚动
博客zhu虎康
13 1
范德萨_
|
9月前
scrollIntoView()定位元素显示导致页面上移解决方法？
scrollIntoView()定位元素显示导致页面上移解决方法？
范德萨_
229 0
子玉欸
|
6月前
判断页面滚动条所在位置
判断页面滚动条所在位置
子玉欸
14 0
兜里只有三分钱~
|
8月前
判断滚动条距离顶部为0执行事件jq--滚动到顶部的距离
判断滚动条距离顶部为0执行事件jq--滚动到顶部的距离
兜里只有三分钱~
24 0
DCodes
|
11月前
|
前端开发
css给超出内容设置滚动条和去除滚动条显示：
css给超出内容设置滚动条和去除滚动条显示：
DCodes
130 0
在下月亮有何贵干
|
JavaScript 前端开发
js 各种位置获取全解（包括元素属性、鼠标位置、滚动位置）
js 各种位置获取全解（包括元素属性、鼠标位置、滚动位置）
在下月亮有何贵干
315 0
js 各种位置获取全解（包括元素属性、鼠标位置、滚动位置）
甜点cc
布局之悬浮显示更多文本并增加箭头指示效果
布局之悬浮显示更多文本并增加箭头指示效果
甜点cc
93 0
布局之悬浮显示更多文本并增加箭头指示效果
Boale_H
ElementUI el-table 设置固定列，横向滚动条在固定列的位置上无法滚动的问题
ElementUI el-table 设置固定列，横向滚动条在固定列的位置上无法滚动的问题
Boale_H
1292 0