css隐藏滚动条 页面仍可以滚动

最新推荐文章于 2024-06-05 09:46:36 发布
最新推荐文章于 2024-06-05 09:46:36 发布
阅读量130 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43493402/article/details/119894174
版权 
/* body写需要禁滚动条的element */
body::-webkit-scrollbar { width: 0 !important }
only girl-
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
隐藏滚动条的多种方式
QIAO_hh的博客
04-20 3238
隐藏滚动条的多种方式
css怎么隐藏滚动条
热门推荐
u010227042的博客
06-16 7万+
法一： ①使用伪类隐藏滚动条（仅限Chrome与Safari） ②scrollbar-width: none;（仅限firefox） ③-ms-overflow-style: none;（仅限IE 10+）/* 隐藏滚动条 */ .element { width: 100%; height: 72px; box-sizing: border-box; padding-top: 16px; overflow-x: scroll; /* 设置溢出滚动 */ white-spa
div实现超出滚动，并隐藏右侧滚动条
mu904205481的博客
04-30 235
::-webkit-scrollbar { display: none; } ::-webkit-scrollbar-track { display: none; } ::-webkit-scrollbar-thumb { display: none; } ::-webkit-scrollbar-thumb:hover { display: none; } ::-webkit-scrollbar-thumb:active { display: none; }
如何隐藏掉滚动轴而不影响滚动
LxyingINGing的博客
03-19 621
隐藏掉滚动轴而不影响滚动;可以使用CSS的::-webkit-scrollbar伪类选择器来定制滚动条的样式.
隐藏滚动条（滚动功能可用）
m0_46495397的博客
05-27 4411
外层设置overflow:hidden，需要滚动的容器设置个padding-bottom，当滚动条出现时，就会被外边容易hidden
css控制滚动条的显示与隐藏
weixin_45606890的博客
07-15 4807
方法一：通过固定宽度样式将滚动条给隐藏起来。/* 防止滚动条遮挡内容 */
纯CSS实现隐藏滚动条但仍具有滚动的效果（移动端和pc端）
01-19
移动端页面只要兼容 Chrome 和 Safari 就够了，所以可以使用自定义滚动条的伪类选择器 ::-webkit-scrollbar 来隐藏滚动条。 .container::-webkit-scrollbar { display: none; } PC 端 PC 端对兼容性的要求相对来...
CSS怎么隐藏滚动条(三种方法)
11-21
xhtml中隐藏滚动条在用ie6浏览有框架的xhtml页面的时候，默认会水平和垂直滚动条会一起出现，这是ie6的一个bug，在firefox上是正常的，出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷.对于这个bug一般有...
HTML 隐藏滚动条和去除滚动条的方法
12-12
1. html 标签加属性 XML/HTML Code复制内容到剪贴板 <html lang="en" class="no-ie" style=...">  2.body中加入以下代码 ... <style type="text/css">...html页面去除滚动条的方法 为了防止以前的css文
iframe的滚动条问题：显示隐藏滚动条.doc
08-22
iFrame滚动条问题：显示隐藏滚动条 iFrame滚动条问题是指在使用iFrame时，滚动条的显示或隐藏问题。这个问题的出现是由于iFrame的滚动条样式在不同的浏览器和文档类型声明（DOCTYPE）下会有所不同。 在ASP.NET、...
vue中使用css预处理器scss解决body隐藏滚动条问题
02-22
一个小需求就是页面可以进行滚动但是页面上不出现滚动条。 主要就是用了css的伪类元素::-webkit-scrollbar和本身盒子的overflow属性来进行控制，但是会出现一个问题，其余属性（例如：-mz- 、 scroll-width）主要是...
CSS 隐藏滚动条
weixin_52268321的博客
01-18 754
显示滚动条 overflow：auto隐藏滚动条 overflow：hidden。
滚动条显示隐藏、样式修改
bestyinjun的专栏
08-22 1698
滚动条显示隐藏、样式修改
多种隐藏滚动条但是依然可以滚动实现方式
m0_49515138的博客
09-15 8551
方法四：css样式直接隐藏滚动条。注意，不过这个方法不兼容部分IE，做移动端的可以使用。通过固定宽度样式将滚动条给隐藏起来。chrom 和ie 正常使用。方法三：使用三个容器包裹，不需要写死滚动条宽度。方法一： iscroll插件。
滚动条如何设置样式和滚动条悬浮显示与隐藏
weixin_44784401的博客
04-13 1万+
滚动条如何设置样式和滚动条悬浮显示与隐藏
CSS隐藏滚动条，设置滚动条样式
芝芝为荔枝
12-12 843
使用css隐藏页面滚动条
【前端】隐藏滚动条
洛尧的博客
11-30 1775
overflow样式，隐藏滚动条
滚动条详解：跨平台iOS、Android、小程序滚动条隐藏及自定义样式综合指南
最新发布
JINGWHALE
06-05 630
随着用户界面体验提升的要求，滚动条自定义样式以及滚动条隐藏精致化的需求日渐增加，本文详细介绍了小程序、iOS、Android平台滚动条的隐藏方法，以及滚动条一般自定义样式的方法。在保持界面整洁、避免内容溢出的同时，确保用户能够访问所有信息，提升浏览体验。
滚动条+隐藏滚动条
qq_46109465的博客
08-10 381
滚动条+隐藏滚动条
css隐藏滚动条的方法
07-27
隐藏滚动条的方法有多种。一种方法是在`<body>`标签中添加样式`style="overflow-x:hidden"`来隐藏水平滚动条，或者添加样式`style="overflow-y:hidden"`来隐藏垂直滚动条。另一种方法是在被包含页面中添加样式`<style> html { overflow-x:hidden; } </style>`来隐藏水平滚动条。然而，在标准 DTD 下，`body{ overflow-x:hidden; }`是不被允许的。\[1\]还有一种方法是在`<style>`标签中添加样式`body { overflow-x:hidden; overflow-y:hidden; }`或者`html { overflow-x:hidden; overflow-y:hidden; }`来同时隐藏水平和垂直滚动条。\[2\]另外，可以给需要滚动的元素设置样式`overflow-x:hidden; overflow-y:scroll`来隐藏水平滚动条并显示垂直滚动条。\[3\] #### 引用[.reference_title] - *1* *2* [css隐藏滚动条方法](https://blog.csdn.net/weixin_30929295/article/details/98815856)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [CSS隐藏滚动条的方法](https://blog.csdn.net/csdn_cai_csdn/article/details/78838949)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值