怎么在overflow-y:sroll的情况下 隐藏滚动条
2024-09-20 20:40:43
当我们的内容超出了我们的div,往往会出现滚动条,影响美观。
尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。 我们不希望出现滚动条,也不希望超出去的内容被放逐,就要保留鼠标滚动的效果。
这里介绍一个简单的方法。
大体思路是在div外面再套一个div。这个div设置overflow:hidden。
而内容div设置 overflow-y: scroll;overflow-x: hidden;
然后再设置外层div的width小于内层div的width。
这个内层div其实是会出现滚动条的,所以不影响鼠标的滚动效果,而且我们看不到滚动条了。
内层div效果:
加了外层后的效果
最新文章
- Microsoft Visual Studio 2017 for Mac Preview 下载+安装+案例Demo
- 手动处理datanode磁盘间使用不均的问题
- Parameter index out of range (2 >; number of parameters, which is 1)
- mongodb .net core 调用
- 【java基础学习-2--】关于Hashcode()的使用
- Oracle调优总结(经典实践 重要)
- c++内联函数与静态函数
- hadoop单线程实现server多socket连接读取数据原理分析
- 加载dll、lib库
- Memory Map
- elasticsearch-5.1.1使用snapshot接口备份索引
- 多目标跟踪(MOT)论文随笔-SIMPLE ONLINE AND REALTIME TRACKING WITH A DEEP ASSOCIATION METRIC (Deep SORT)
- Golang Multipart File Upload Example
- ORM(二)常用字段小记
- JAVA 三元运算符 求最大值
- 【DFS】求水洼的数目
- 设计模式のMediatorPattern(中介者模式)----行为模式
- Oracle 检查约束check
- [PHP] swoole在daemonize模式下,chdir失效问题
- react native 第三方组件