设置浏览器滚动条不显示，谷歌和ie

最新推荐文章于 2023-02-09 10:14:22 发布

原创最新推荐文章于 2023-02-09 10:14:22 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#滚动条 #不显示 #谷歌浏览器 #IE

Web 专栏收录该内容

31 篇文章

订阅专栏

本文介绍如何使用CSS代码在谷歌和IE浏览器中实现滚动条的隐藏，提供针对这两种主流浏览器的兼容性处理技巧。

设置滚动条不显示，谷歌和ie

body {
    /*Chrome*/
    overflow-x: hidden;
    overflow-y: hidden;
    /*IE*/
    -ms-overflow-style: none;
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

梦想不断超越

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

强制显示、隐藏(IE\Mozilla)浏览器的滚动条实现代码

09-25

本知识点将介绍如何使用CSS代码来强制显示或隐藏IE和Mozilla Firefox浏览器中的水平和垂直滚动条。首先需要了解的是，浏览器的滚动条是可以通过CSS进行控制的，主要通过`overflow`属性来实现。`overflow`属性描述...

IE下textarea默认不显示滚动条的实现代码

09-25

虽然上述方法可以实现在IE浏览器中不显示默认滚动条的目的，但在某些情况下，可能会引起用户体验的一致性问题。例如，用户可能习惯于看到滚动条作为一个提示，表明内容是可以滚动的。如果滚动条在内容实际超出时才...

参与评论您还未登录，请先登录后发表或查看评论

在mac下谷歌浏览器自动隐藏滚动条问题

qq_36306693的博客

02-09

2696

在mac下谷歌浏览器自动隐藏滚动条问题

谷歌内核浏览器 iframe内容的 tab切换 滚动条消失

weixin_30938149的博客

12-28

213

问题：新版本的-webkit- 内核浏览器 在tab切换时，iframe 内容区丢失滚动条 如下图（虽然滚动条位置还在，可以垂直滚动，但滚动条不见了）解决思路：让iframe重新计算宽高，重新渲染 easyui的tab切换解决代码： $('#tabs').tabs({ // borde...

table　谷歌下不出现滚动条

weixin_30590285的博客

07-17

324

<table> </table> <style> table {overflow-y:scroll;max-height:152px; height:auto;} <style> 问题：ie下，火狐下能正常出现滚动条 谷歌不能出现滚动条 解决：第1种：头部<!DOCTYPE　dtd的问题第2种: ...

chrome浏览器隐藏滚动条

lxyoucan的博客

08-15

6909

在macOS中，默认所有程序的滚动条是隐藏的，一方面看着舒服，而且对于小屏幕的电脑也能多一些空间显示。回到windows10中，发现chrome有滚动条不习惯，就想能不能把这个滚动条隐藏呢？特别是我在windows10下使用webssh的时候，明明不需要滚动条，确显示一个粗大的滚动条，看着不舒服。如下图：开启及还原的方式地址栏输入 > chrome://flags/#overlay-scrplbars > 选择 Enable 开启，Disable 禁用。参考 http://www

谷歌浏览器滚动条显示问题

Bling Bling ~~

06-04

4760

最近想在自己的项目中添加滚动条，因为在一个数据很多的时候，不加滚动条的话很容易造成下面的数据被忽略掉然而有一个很有意思的是IE中可以正常显示滚动条，但是谷歌就会自动去除滚动条，所以要像个办法，把谷歌的滚动条加上加完滚动条 IE效果： overflow: auto; height: 400px; -ms-scroll-chaining: chained; -ms-content-zooming: zoom; -ms-scroll-rails: n

vue自定义浏览器滚动条(兼容大部分浏览器含ie)_vue tree组件下拉滚动条

01-09

本篇文章将详细探讨如何在Vue项目中自定义浏览器滚动条，同时确保兼容大部分浏览器，包括较为古老的Internet Explorer（IE）。首先，我们需要理解浏览器滚动条的工作原理。滚动条由两个主要部分组成：轨道（track...

JavaScript自定义浏览器滚动条兼容IE、火狐和chrome.docx

01-18

JavaScript 自定义浏览器滚动条兼容 IE、火狐和 chrome 本文主要共享了使用原生 JavaScript 实现自定义浏览器滚动条兼容 IE、火狐和 chrome 的思路与方法。通过 JavaScript 实现自定义浏览器滚动条，可以实现跨...

iframe横向滚动条在Chrome上不显示在火狐上显示

wangweiscsdn的博客

05-16

690

问题给iframe加了scrolling=‘yes’,横向滚动条在Chrome出不来，火狐上是有的在外面加div 可以在iframe外面再套一个div，控制div的溢出 <div style="width:100%;height:1000px;overflow-x:scroll;"><iframe src="http://xxx.com" style="width:1200px;height:1000px;overflow:hidden;"></iframe><

IE 7/8 弹出层后 滚动条消失

飘零之家

04-15

4194

现象：IE 7/8 弹出层后，滚动条会消失。原因：浏览器为Body添加了以下样式解决方案：使用JS或者Jquery修改body滚动条样式 $("body").css("overflow-x", "auto");常见应用场景：使用Jquery FormUI 时 $("#dlgPlaza").dialog({ autoOpen: false, width: 400, modal: true, buttons: {

IE、Chrome、Firefox浏览器隐藏滚动条（IE、火狐、谷歌浏览器）

weixin_46022934的博客

12-21

9497

一、背景和效果图如下： 1.背景 2.设置属性前效果图： 2.设置后效果图：二、直接通过CSS修改样式，保存滑动功能 1.全局设置滚动条如下（谷歌Chrome） Css代码如下效果图如下 2.给某一个元素设置如下（谷歌Chrome） Css代码如下效果图如下三、这里其他浏览器的方法 1.IE去除滚动条样式（IE10以上内核） 2.火狐除滚动条样式（Gecko 内核）总结

chrome浏览器iframe兼容性问题，隐藏起来再显示滚动条消失？

weixin_30663471的博客

05-10

786

前言：在调试页面时发现谷歌浏览器bug，版本： 58.0.3029.81 问题描述： 1. 页面中，选项卡里面是IFrame，页面初始显示时有纵向滚动条出现 2. 来回切换选项卡一次，原来选项卡页面的滚动条居然消失了！！ 3. 奇怪的时，此时在选项卡页面内滑动鼠标滚轮，还是能够上下滚动页面的解决办法：在网上找了许多有关解决的方法，此方法如下： 1.应该从强制Chrome渲染入手，这次...

解决前端设置滚动条的宽度后 滚动条消失的问题（解决ie浏览器样式无效的问题）

weixin_53588804的博客

08-29

1706

.op::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius:5px; -webkit-box-shadow: inset005pxrgba(0,0,0,0.2); background:rgba(0,0,0,0.2); } .op::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset005pxrgba(0,0,0,0.2); border-radius:0;

Chrome浏览器在切换网页标签后滚动条失效

开享

10-27

2596

打开chrome://flags，停用对所有网页执行 GPU 合成，重新打开浏览器

如何隐藏滚动条?IE去掉滚动条HTML代码

lqc851011的专栏

10-21

5274

<br />　做了一个页面，与桌面分辨率一样大小，但是在IE全屏（F11）下却显示有滚动条，而火狐确没有。怎么样去掉IE滚动条呢？其实有一个属性就可以解决。　　 <br />　　方法1：直接在body里面加上属性scroll　　 <br />　　代码如： <br />　　< body scroll="no" >　　 <br />　　方法2：使用样式表overflow　　 <br />　　代码如： <br />　　HTML{overflow-x:hidden;}　　 <br />　　在xhtml1-trans

浏览器出现滚动条和消失页面不滚动解决方案

freedomlulux的博客

04-19

2224

在编写前端代码时候出现点击按钮过后，浏览器出现滚动条消失和不滚动。将下面这段代码复制至页面开头即可 <style> html { overflow-y: scroll; } :root { overflow-y: auto; overflow-x: hidden; } :root body { position: absolute; } body { width...

谷歌浏览器下面的任务栏不见了