改变滚动条式样

以你之姓@ 2022-07-16 04:48 211阅读 0赞

//改变高滚动条式样
        pArea->setStyleSheet("QScrollArea{background:transparent;}" //transparent
                             "QScrollBar::vertical{background:#efefef;border:-5px solid white;margin:6px 10px 5px 0px;width:4px;}"
                             "QScrollBar::horizontal{background:#D3D3D3;border:0px solid #126691;height:10px;}"
                             "QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {background:#ffffff;}"
                            );
    // pArea->setFrameShape(QFrame::NoFrame);
        pArea->setVerticalScrollBarPolicy(Qt::ScrollBarAsNeeded);
        pArea->setHorizontalScrollBarPolicy(Qt::ScrollBarAsNeeded);
        //设置为设置为Qt::ScrollBarAlwaysOff就可以隐藏滚动条了
        pArea->setFocusPolicy(Qt::NoFocus);
    
    
    
    
    
        //改变高滚动条式样
        pArea->setStyleSheet("QScrollArea{background:#efefef;}"     //整体背景
                             "QScrollBar::vertical{background:#efefef;border:-5px solid white;margin:6px 10px 5px 0px;width:4px;}"
                             "QScrollBar::horizontal{background:#D3D3D3;border:0px solid #126691;height:10px;}"  //横向和竖向
                             "QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {background:#ffffff;}"
                            );
    // pArea->setFrameShape(QFrame::NoFrame);
        pArea->setVerticalScrollBarPolicy(Qt::ScrollBarAsNeeded);
        pArea->setHorizontalScrollBarPolicy(Qt::ScrollBarAsNeeded);
        //设置为设置为Qt::ScrollBarAlwaysOff就可以隐藏滚动条了
        pArea->setFocusPolicy(Qt::NoFocus);

发表评论取消回复

表情：

评论列表（有 0 条评论，211人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue中改变滚动条样式（CSS）

scrollbar.css @charset "utf-8"; ::-webkit-scrollbar {

ゞ浴缸里的玫瑰/ 2023年10月06日 12:21/ 0 赞/ 33 阅读

相关 vue中改变滚动条样式（CSS）

> 写在前面：我是「扬帆向海」，这个昵称来源于我的名字以及女朋友的名字。我热爱技术、热爱开源、热爱编程。`技术是开源的、知识是共享的。` > > 这博客是对自己学习

- 日理万妓/ 2023年07月04日 14:03/ 0 赞/ 28 阅读

相关 jQuery的滚动条样式改变

jQuery的滚动条样式改变效果 ![在这里插入图片描述][20191104223359781.gif] 代码 <!DOCTYPE html>

「爱情、让人受尽委屈。」/ 2023年05月29日 06:15/ 0 赞/ 30 阅读

相关 CSS3改变滚动条样式

自定义滚动条实现此部分针对webkit内核的浏览器，使用伪类来改变滚动条的默认样式，详情如下：滚动条组成部分 1. ::-webkit-scrollbar 滚动

深藏阁楼爱情的钟/ 2023年02月17日 11:23/ 0 赞/ 22 阅读

相关 @click 改变div背景颜色_CSS改变浏览器默认滚动条样式

前言最近总是看到某网站滚动条不是浏览器默认样式，而是自定义样式比如下面动图中的滚动条，自定义滚动条样式和hover前后的效果 ![fa6e2da91ae707f603

深碍√TFBOYSˉ_/ 2023年01月07日 10:22/ 0 赞/ 243 阅读

相关改变滚动条式样

//改变高滚动条式样 pArea->setStyleSheet("QScrollArea{background:transparent;}" //tra

以你之姓@/ 2022年07月16日 04:48/ 0 赞/ 212 阅读

相关 div 滚动条同步控制 div 滚动条滚动

<html> <head> <title>div scroll</title> <mce:style type="text/css"><!-- DIV \{width:200;

系统管理员/ 2022年07月13日 11:17/ 0 赞/ 353 阅读

相关好看的滚动条样式 css改变默认滚动条样式

通过css改变滚动条样式可修改滚动条css： ::-webkit-scrollbar — 整个滚动条. ::-webkit-scrollbar-butto

迷南。/ 2022年03月22日 02:18/ 0 赞/ 741 阅读

相关 js 滚动条属性、设置滚动条滚动速度

返回不带px的数值,没用负数,最小为0 .scrollTop 竖直滚动条到顶部的距离,即浏览器视口外的高度 .scrollLeft 水平

冷不防/ 2021年07月24日 20:07/ 0 赞/ 1926 阅读

相关如何利用css改变浏览器滚动条样式

注意：该方法只适用于 -webkit- 内核浏览器滚动条外观由两部分组成： 1、滚动条整体滑轨 2、滚动条滑轨内滑块在CSS中滚动条由3部分组成

朱雀/ 2020年04月28日 06:05/ 0 赞/ 1068 阅读