css 滚动条出现后莫名消失（隐藏）的问题

像element-ui的表格，内容超出后会自动显示滚动条。但是有时候浏览器会显示，然后隔几秒中就隐藏了，针对这种问题，可以先关闭浏览器，然后重新打开这个网址就可以解决这个问题。

但是呢，不可能强制性要求用户重新网页，所以我们只能从自己的技术上去解决这个问题。我们可以通过修改滚动条样式，这种方式滚动条不会先显示几秒钟后隐藏。

代码：

::-webkit-scrollbar{width:6px;height:6px;background-color: #00000040;
}
::-webkit-scrollbar-thumb{background-color:#9a9a9a;/*rgba(0,0,0,1);*/border-radius:10px;
}
::-webkit-scrollbar-track{background-color:transparent;
}

css 滚动条出现后莫名消失（隐藏）的问题相关推荐

计算机消失了一个磁盘,win7系统重装后莫名奇妙消失一个分区磁盘的解决方法...
很多小伙伴都遇到过win7系统重装后莫名奇妙消失一个分区磁盘的困惑吧,一些朋友看过网上零散的win7系统重装后莫名奇妙消失一个分区磁盘的处理方法,并没有完完全全明白win7系统重装后莫名奇妙消失一个分 ...
html 点击选择变色,css实现选中后变色并且效果不消失
我在vue项目里面.想实现以下效果: css实现选中后变色并且效果不消失. 我用了伪类.点击之后.确实会变色. 但是只是在鼠标点下去那一瞬间会变色. 当鼠标点完之后.效果就消失了. 我的代码: {{ ...
CSS常用技巧（元素显示隐藏、用户界面样式、垂直对齐、溢出文字省略号显示、精灵技术、滑动门、margin负值之美和css三角之美）
CSS常用技巧 CSS常用技巧(元素显示隐藏.用户界面样式.垂直对齐.溢出文字省略号显示.精灵技术.滑动门.margin负值之美和css三角之美) 1.元素显示隐藏 1.1display 显示(重点) ...
ExtJS：鼠标移出菜单后菜单自动隐藏
ExtJS:鼠标移出菜单后菜单自动隐藏 1.使用的是Extjs2.0.2. 2.遇到的问题,简述如下: 当下拉菜单显示后,如果不做任何操作,而直接移开鼠标,此时菜单不会自动消失(隐藏),一直会显示在屏 ...
css滚动条样式重写（兼容ie和谷歌）
博主在工作中遇到修改滚动条样式的情况,效果如下: 1.重写滚动条样式,兼容IE,谷歌. 2.鼠标移入元素显示滚动条,鼠标移出隐藏滚动条. 注意: 1.互不干扰:首先说明的是谷歌的css滚动条样式的写法 ...
如何自定义CSS滚动条的样式？
欢迎大家前往腾讯云社区,获取更多腾讯海量技术实践干货哦~ 本文由前端林子发表本文会介绍CSS滚动条选择器,并在demo中展示如何在Webkit内核浏览器和IE浏览器中,自定义一个横向以及一个纵向的 ...
html滚动条样式自定义,如何自定义CSS滚动条的样式？
欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由前端林子发表本文会介绍CSS滚动条选择器,并在demo中展示如何在Webkit内核浏览器和IE浏览器中,自定义一个横向以及一个纵向的 ...
Axure实现提示文本单击显示后自动消失的效果
Axure实现提示文本单击显示后自动消失的效果方法/步骤如图所示,框出的部分为提示文本(已经命名为tooltip),希望达到的效果是默认加载时不显示,点击帮助图标后显示,且2秒后自动消失. 首先在 ...
一.关于实现浏览器弹窗提示内容几秒后自动消失重定向执行其他函数的两种方法
一.关于实现浏览器弹窗提示内容几秒后自动消失重定向执行其他函数的两种方法第一种方法–向body动态写入div标签调用css效果显示: (新建***.jsp放在WebContent根目录下直接访问ip ...

css 滚动条出现后莫名消失（隐藏）的问题

css 滚动条出现后莫名消失（隐藏）的问题相关推荐

最新文章

热门文章