关于隐藏火狐浏览器原生滚动条总结

最新推荐文章于 2024-05-11 17:24:54 发布
最新推荐文章于 2024-05-11 17:24:54 发布
阅读量425 收藏 1
点赞数 1
文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35675325/article/details/120666760
版权

网上寻找的方法，经测试可以用

1 

scrollbar-color: transparent transparent  pc端滚动条隐藏

2 

scrollbar-width: none; 隐藏移动端滚动条

以下是网上找的方法，自己测试不能用，不知道其他人是怎么个情况

-ms-overflow-style: none;
scrollbar-track-color: transparent !important;
-ms-scrollbar-track-color: transparent !important;
夜偷吻者梦
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
火狐浏览器firefox115win764位最终版
01-27
这是火狐浏览器支持win7的最后一个版本，欢迎大家下载
FireFox火狐浏览器与IE兼容问题 – 透明滤镜 DIV滚动条
12-11
/*FireFox（火狐）不支持cursor:hand*/ dw8下面自动出来的也没有hand这个属性了，标准的是pointer 问题二：FireFox（火狐）不支持滤镜 最常见的半透明不支持。 filter: Alpha(Opacity=50); /* for IE */ opacity: ...
隐藏浏览器自带滚动条
Ghjkku的博客
01-03 4435
谷歌与苹果自带浏览器，隐藏办法如下代码。IE 与微软浏览器，隐藏办法如下代码。一、Chrome | Safari。火狐浏览器，隐藏办法如下代码。三、IE | Edge。
CSS 滚动条样式【兼容chrome、Firefox、IE】
BigOrange的博客
11-18 6308
css滚动条样式，windows系统下，滚动条比较丑，以下分别是chrome、Firefox、IE5.5+三大浏览器的改写方法。 Chrome： 原理：通过-webkit相关属性直接可以灵活控制滚动条样式。 ::-webkit-scrollbar { /* 滚动条宽 */ width: 6px; height: 4px; } ::-webkit-scrollbar-thumb { /* 滚...
页面隐藏滚动条但是保留滚动效果
最新发布
qq_42171964的博客
05-11 277
页面要求隐藏滚动条但是保留滚动效果
滚动条隐藏处理：兼容火狐和其他浏览器
小福气的博客
07-28 628
滚动条隐藏处理：兼容火狐和其他浏览器，一般使用于同一容器内有双滚动条的场景
浏览器隐藏滚动条
当历史只剩罪恶，唯有推倒重来，我们开创文明，我们传承文明，周而复始，生生不息。
04-08 1838
　overflow-y: scroll; 　　scrollbar-color: transparent transparent; 　　scrollbar-track-color: transparent; 　　-ms-scrollbar-track-color: transparent;
CSS - 隐藏浏览器自带滚动条（Chrome | Safari | Firefox | IE | Edge）
王佳斌
05-10 8532
前言 无论横纵滚动条全部隐藏。 有时候，我们需要隐藏浏览器的默认滚动条，无论内容是否超出都不显示。 一、Chrome | Safari 谷歌与苹果自带浏览器，隐藏办法如下代码。 *::-webkit-scrollbar { display: none; } 二、Firefox 火狐浏览器，隐藏办法如下代码。 * { scrollbar-width: none; } 三、IE | Edge IE 与微软浏览器，隐藏办法如下代码。 * { -ms-overflow-style: none; }
Vue去除滚动条（div加el-table)兼容firefox
qq_41038412的博客
12-16 3969
1.el-table去除滚动条 .el-table { height: calc(100vh - 280px);//固定高度 overflow-y: auto;//设置滚动 scrollbar-color: transparent transparent;//兼容火狐 &.el-table--scrollable-y ::-webkit-scrollbar { displa
强制显示、隐藏(IE\Mozilla)浏览器的滚动条实现代码
09-25
浏览器的滚动条在一些特殊的展示中，是不需要的，所以必须把它隐藏掉,本文介绍一些隐藏或者显示IE的水平或者垂直滚动条的实现代码，需要了解的朋友可以参考下
52版本的火狐浏览器资源信息
02-08
附带的【使用说明 .txt】文件很可能包含了关于如何安装、配置和使用52版本火狐浏览器的详细步骤，特别是对于“安可改造”目的的特殊设置和注意事项。例如，可能涉及如何开启开发者工具、禁用或启用某些插件、调整...
FireFox火狐浏览器与IE兼容问题 - 透明滤镜 DIV滚动条
09-25
IE与火狐浏览器兼容相关问题集锦，做网站的朋友可以参考下。
火狐浏览器windows安装包
12-11
火狐浏览器windows安装包
去除网页右侧滑动条代码，兼容火狐浏览器
Z51047299的博客
03-20 1186
去除网页右侧滑动条兼容火狐浏览器
火狐浏览器滚动条的样式问题
岁末zzz的博客
08-03 1295
网上查了很多关于修改火狐浏览器样式的资料，发现千篇一律，能解决问题的可以说没有。 当然一番搜寻下来也不是没有收获，为了节省广大前端同学不再耗费时间在这上面，特此记录。解决了在火狐浏览器下滚动条的部分样式问题，当然有更好的解决办法欢迎留言~~~ 基于webkit的浏览器： /* 滚动条样式 */ ::-webkit-scrollbar{ width: 4px; height: 6px; } ::-webkit-scrollbar-thumb{ border-radius:
css谷歌，火狐隐藏滚动条
weixin_47264982的博客
05-31 95
火狐： scrollbar-color: transparent transparent; scrollbar-track-color: transparent; -ms-scrollbar-track-color: transparent; 谷歌： ::-webkit-scrollbar { display: none; }
隐藏滚动条-火狐和其他浏览器
qq_41737172的博客
07-14 859
/火狐有效/ html { scrollbar-width: none; } html::-webkit-scrollbar { display: none; }
div超出部分滚动并且隐藏滚动条
热门推荐
以秘
06-30 2万+
想要实现的效果是：div具备滚动效果，但是外面看不到滚动条。 需求：博客系统，由于发博客的人数较多，不能全部显示在页面上，所以需要滚动效果，但是界面上一般会安排一个div专门放置从数据库读取出来的博客数据，有滚动条看起来觉得比较丑，于是有了这种需求。 代码： <!DOCTYPE html> <html> <head> <meta charse...
火狐浏览器隐藏滚动条
11-21
可以使用CSS样式来隐藏火狐浏览器的滚动条，具体方法如下： ```css /* 隐藏火狐浏览器的滚动条 */ body { scrollbar-width: none; } ``` 需要注意的是，这种方法只适用于火狐浏览器，其他浏览器需要使用不同的方法...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值