作者:你的依靠isme | 来源:互联网 | 2022-03-22 14:58
这篇文章主要介绍了关于element-ui的隐藏组件el-scrollbar的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
虽然在官方文档中没有给出这个组件,但是在源码中是有的。所以我们可以直接使用:
但是我们需要微调一下样式,两种情况的演示代码如下:
已知内容高度
.page-component__scroll{
height: 100%;
}
.page-component__scroll .el-scrollbar__wrap {
overflow-x: auto;
}
高度由内容撑开
html,body{
height:100%
overflow:hidden; /*有效防止在页面进行手动刷新时显示内置滚动条*/
}
.page-component__scroll{
height: 100%;
}
.page-component__scroll .el-scrollbar__wrap {
overflow-x: auto;
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
推荐阅读
-
本文介绍了DOS(磁盘操作系统)的基础命令,包括如何启动DOS环境、常用的文件和目录操作命令等,旨在帮助用户更好地理解和使用DOS命令行。 ...
[详细]
蜡笔小新 2024-11-29 02:52:22
-
本文介绍了FTP(文件传输协议)的基础知识,包括其定义、如何通过TCP建立控制和数据连接,以及主动模式与被动模式的区别。FTP作为一种重要的文件传输协议,在互联网数据交换中扮演着关键角色。 ...
[详细]
蜡笔小新 2024-11-28 22:23:41
-
-
本文介绍了在 Sublime Text 中编辑 HTML 文件时常用的快捷键和技巧,包括屏幕放大、分屏操作、代码块的展开与折叠、多点选择等,帮助提高开发效率。 ...
[详细]
蜡笔小新 2024-11-28 19:47:52
-
本文介绍了如何利用MATLAB进行多张图片的拼接与合并操作,包括SIFT特征点的检测、描述符的生成、特征匹配以及通过RANSAC算法实现图像间的仿射变换等关键技术。 ...
[详细]
蜡笔小新 2024-11-28 19:26:14
-
本文介绍了如何使用Executor框架来管理和创建线程池,包括不同的线程池类型及其应用场景,以及如何通过Executors工厂类创建不同类型的Executor实例。 ...
[详细]
蜡笔小新 2024-11-28 19:13:16
-
本文将详细介绍软件工程中的三种重要创建型设计模式:简单工厂模式、工厂方法模式以及抽象工厂模式。通过实例分析,帮助读者更好地理解和应用这些模式。 ...
[详细]
蜡笔小新 2024-11-28 18:53:12
-
Basic:createonebutton文中三部分所用资源及代码下载:part1,part2,part3Buttonsbasicpart1:drawingNibbl ...
[详细]
蜡笔小新 2024-11-28 18:14:09
-
在使用Hibernate Validator时,遇到HV000030错误提示,这通常与验证注解的选择和使用不当有关。本文将详细介绍@NotNull、@NotEmpty和@NotBlank这三个注解的区别及其正确应用场景。 ...
[详细]
蜡笔小新 2024-11-28 17:44:07
-
本文介绍如何在IntelliJ IDEA中恢复意外消失的编辑配置选项,适用于2020.3.4版本用户遇到的相关问题。 ...
[详细]
蜡笔小新 2024-11-28 17:34:13
-
本文探讨了在Laravel框架中使用Krpano工具创建虚拟游览时遇到的问题,特别是HTML文件能正常加载而同目录下的JS文件却无法被正确识别的情况。 ...
[详细]
蜡笔小新 2024-11-28 17:24:31
-
本文提供了一个Android应用中用于抓取网页信息并下载图片的示例代码。通过该代码,开发者可以轻松实现从指定URL获取网页内容及其中的图片资源。 ...
[详细]
蜡笔小新 2024-11-28 17:04:36
-
本文探讨了在使用 ClickOnce 部署方式时遇到的自动更新失败问题,包括本地安装与服务器安装的不同表现,并提供了详细的解决方案。 ...
[详细]
蜡笔小新 2024-11-28 17:00:42
-
这个报错出现在userDao里面,sessionfactory没有注入。解决办法:spring整合Hibernate使用test测试时要把spring.xml和spring-hib ...
[详细]
蜡笔小新 2024-11-28 16:52:44
-
匠心|传统_2021年度总结 | 葡萄城软件开发技术回顾(上) ...
[详细]
蜡笔小新 2024-11-28 16:47:46
-
本文将探讨如何通过有效的接口测试用例设计和工具选择,显著提高接口测试的效率和质量。 ...
[详细]
蜡笔小新 2024-11-28 16:45:22
-