改变滚动条式样

以你之姓@ 2022-07-16 04:48 194阅读 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 条评论，194人围观）

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

相关阅读

相关 jQuery的滚动条样式改变

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

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

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

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

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

相关滚动条

CSS3自定义滚动条样式 -webkit-scrollbar(overflow-x:scroll/auto overflow-y:scroll/auto) 内容超出容器时

痛定思痛。/ 2022年10月22日 09:27/ 0 赞/ 175 阅读

相关改变滚动条式样

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

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

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

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

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

相关 Android学习笔记18：自定义Seekbar拖动条式样

　　SeekBar拖动条可以由用户控制，进行拖动操作。比如，应用程序中用户需要对音量进行控制，就可以使用拖动条来实现。 1.SeekBar控件的使用 1.1SeekBar常

今天药忘吃喽~/ 2022年04月10日 08:46/ 0 赞/ 219 阅读

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

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

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

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

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

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

相关隐藏滚动条css3实现滚动同时隐藏滚动条

项目场景需求要在局部实现滚动，但是滚动出现了滚动条，一瞬间感觉整个页面都不好了，经过努力css成功实现滚动同时隐藏滚动条，废话不多说，直接上代码核心代码： :

╰+哭是因爲堅強的太久メ/ 2021年07月04日 21:32/ 0 赞/ 686 阅读

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

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

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