::-webkit-scrollbar-track {
background-color: #b46868;
} / 滚动条的滑轨背景颜色 /
::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 02);
} / 滑块颜色 /
::-webkit-scrollbar-button {
background-color: #7c2929;
} / 滑轨两头的监听按钮颜色 /
::-webkit-scrollbar-corner {
background-color: black;
} / 横向滚动条和纵向滚动条相交处尖角的颜色 /
取消chrome下方的横向滚动条的方法
首先来看竖滚动条，如下图，在屏幕最右侧的位置。
怎么去掉最右侧的这个导航条呢？
我们在</body>之前加上这条html代码：
<body style="overflow:-Scroll;overflow-y:hidden" >
然后保存代码，刷新页面看看最右侧的滚动条是不是去掉了呢，刷新以后最右侧的滚动条的确已经不在了。
然后再来看看横向滚动条，如下图，在屏幕最下侧的位置。
怎么去掉最下侧的这个导航条呢？
我们在</body>之前加上这条html代码：
<body style="overflow:-Scroll;overflow-x:hidden">
然后保存代码，刷新页面看看最下侧的左右滚动条是不是去掉了呢，刷新以后最下侧的滚动条的确已经不在了。
QTabWidget隐藏边框：setDocumentMode(true);
QWebFrame隐藏滚动条:
setScrollBarPolicy(Qt::Vertical, Qt::ScrollBarAlwaysOff);//竖向
setScrollBarPolicy(Qt::Horizontal, Qt::ScrollBarAlwaysOff);//横向
QWebView隐藏滚动条：其实就是隐藏掉QWebView里的QWebFrame的滚动条。
this->mainFrame()->setScrollBarPolicy(Qt::Vertical, Qt::ScrollBarAlwaysOff);
this->mainFrame()->setScrollBarPolicy(Qt::Horizontal, Qt::ScrollBarAlwaysOff);
有三种代码输入的方式可以在CSS隐藏滚动条。
详细方法如下：
方法一:
代码如下:
html { overflow-y: scroll; }
原理：强制显示ie的垂直滚动条，而忽略水平滚动条；
优点：完全解决了这个问题, 允许你保持完整的XHTML doctype；
缺点：即使页面不需要垂直滚动条的时候也会出现垂直滚动条；
方法二:(推荐采用)
代码如下:
html { overflow-x: hidden; overflow-y: auto; }
原理：隐藏横向滚动，垂直滚动根据内容自适应；
优点：在视觉上解决了这个问题在不必要的时候, 未强制垂直滚动条出现；
缺点：只是隐藏了水平滚动条，如果页面真正需要水平滚动条的时候，屏幕以外的内容会因为用户无法水平滚动，而看不到；
方法三:
代码如下:
body { margin-right: -15px; margin-bottom: -15px; }
原理：这会在margin的水平和垂直方向上添加一个负值, IE添加了该精确数值后, 便会去除对滚动条的需求假象；
优点：在视觉上解决了这个问题，垂直滚动根据内容自适应；
缺点：由于"人为创建"了15px的外边距(margin), 所以无法使用该填充过的屏幕区域。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）