elementUi 设置滚动条

在需要设置滚动条的部分添加：

overflow-y: auto;

如果想隐藏x轴：

overflow-x: hidden;

添加滚动条伪类修改样式：

/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {width: 6px;height: 3px;background-color: #2c3e50;
}/*定义滑块颜色+圆角*/
::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #999999a8;
}/*定义滚动条轨道内阴影+圆角*/
::-webkit-scrollbar-track {border-radius: 10px;background-color: #2c3e50;
}

伪类样式加在当前标签下。

elementUi 设置滚动条相关推荐

Element Table 表格设置滚动条以及修改边框颜色
本文中使用element UI表格,需求是给表格设置滚动条.查找了一些方法,包括查找插件解决效果都达不到要求.特此写下此文,便于日后使用和学习交流. 一.需要实现的效果图二.直接上代码 app是是挂 ...
PyQt5 技术篇-设置滚动条拉动位置，scrollArea滚动条位置设置方法。
话不多说先看效果: verticalScrollBar()返回竖置滚动条,然后通过滚动条的setValue()设置滚动条位置. self.scrollBar = self.scrollArea.ver ...
清除webkit浏览器css设置滚动条
主要有下面7个属性 ::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的 ::-webkit-scrollbar-button 滚动条两端的按钮 ::-webkit-scrollb ...
Win11如何设置滚动条 Win11滚动条设置教程
Win11如何设置滚动条?一般来说,系统只有在一个屏幕放不下的时候,才会在右侧显示滚动条,但是有些朋友喜欢使用滚动条调节屏幕位置,那么win11如何设置滚动条一直显示呢.下面和小编一起来看看操作方法 ...
VC中CListCtrl设置滚动条在最下边的方法（MSDN中的例子）
当插入一条新的记录时同时设置: m_listReport.EnsureVisible(nColumn,FALSE);//设置滚动条到最下面 nColumn为当前记录条数 MSDN中: https:// ...
【css设置滚动条粗细】
List item css设置滚动条粗细 *::-webkit-scrollbar {width: 12px;height: 12px; } *::-webkit-scrollbar-button { ...
JScrollPane设置滚动条自动到最下（或最右）
参考文章:JScrollPane设置滚动条自动到最下(或最右) JScrollPane实现自动滚动到底部 JScrollPane jscrollPane = new JScrollPane(compo ...
HTML5系列代码：设置滚动条
scrolling 属性规定是否在 iframe 中显示滚动条. 默认地,如果内容超出了 iframe,滚动条就会出现在 iframe 中. <html ><head>< ...
vue 设置滚动条的位置
vue 设置滚动条的位置场景:聊天的时候,消息会一条条的发送,但是呢,获取最新的数据只能手动滚动滚动条,那这个时候就想到微信聊天的时候,永远可以看到最后一条消息. 思路:获取div的高度(因为里面是 ...

elementUi 设置滚动条

elementUi 设置滚动条相关推荐

最新文章

热门文章