滚动条样式问题 - 我的帆软

滚动条样式问题

已使用自定义滚动条插件，怎么修改滚动条颜色呢？

FineReport 52Hertz 发布于 2024-9-23 16:53

回答问题关注问题

悬赏：3 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共2回答

最佳回答

CD20160914Lv8专家互助
发布于2024-9-23 16:54（编辑于 2024-9-23 16:54）

举报收起评论(2)

52Hertz(提问者) 你好，如果不用滚动条插件，自带的那个滚动条的样式如何修改呢

2024-09-23 16:58

CD20160914 回复 52Hertz(提问者) 这个默认不支持，可以联系一下官方看看了，看能不能二开了。

2024-09-23 16:58

snrtuemcLv8专家互助
发布于2024-9-23 17:01

不用插件，cpt的话，或者决策报表旧版本

自定义滚动条方案

::-webkit-scrollbar {width:10px; height:10px; background-color:transparent;} /*自定义滚动条宽、高、背景色*/

::-webkit-scrollbar-track {background-color:#FF0000; border-radius:10px; } /*自定义滚动条轨道颜色、圆角*/

::-webkit-scrollbar-thumb {background-color:#00FF00; border-radius:10px; } /*定义滑块颜色、圆角*/

新建ScrollBar.css添加到工程的help/css文件夹里面

如果是cpt，点击【模板】-【模板web属性】-【分页/填报预览设置】，添加加载起始事件，输入下述代码：

$('<link rel="stylesheet" type="text/css" href="/webroot/help/css/ScrollBar.css"/>').appendTo('head')

如果是frm，打开一个决策报表，在report的事件里面添加初始化后事件，输入下述代码：

$('<link rel="stylesheet" type="text/css" href="/webroot/help/css/ScrollBar.css"/>').appendTo('head')

移动端暂不支持，不支持cptx 和新自适应，该css只支持谷歌和edge

3关注人数

114浏览人数

最后回答于：2024-9-23 17:01

活动推荐更多

热门课程更多

确定取消