div实现隐藏滚动轴效果
来源:互联网 发布:网络连接流程 编辑:程序博客网 时间:2024/05/21 07:58
曾遇到这样一个非常简单的需求: 隐藏上下滚动轴
网上查了一下,其实非常简单,分三步:
1.用一个div把你要隐藏的滚动轴的div包裹起来;
2.设置它的style,高度和原来的div一样宽度稍微设置小一点;
3.给里面的div加上overflow-y:outo,给外面的div加上overflow-y:hidden;
ok!!!!解决
例:
<div style="width:200px;height:50px;overflow:hidden">
<div style="width:220px;height:50px;overflow-y:auto">
<h3>搜索结果 结束</h3>
<h3>搜索结果 结束</h3>
<h3>搜索结果 结束</h3>
<h3>搜索结果 结束</h3>
<h3>搜索结果 结束</h3>
<h3>搜索结果 结束</h3>
<h3>搜索结果 结束</h3>
<h3>搜索结果 结束</h3>
<h3>搜索结果 结束</h3>
</div>
</div>
阅读全文
0 0
- div实现隐藏滚动轴效果
- vue.js-div滚动条隐藏但有滚动效果的实现
- 纯css,div隐藏滚动条,保留鼠标滚动效果。
- 纯css,div隐藏滚动条,保留滚动效果
- 纯css,div隐藏滚动条,保留鼠标滚动效果。
- 纯css,div隐藏滚动条,保留鼠标滚动效果。
- 纯css,div隐藏滚动条,保留鼠标滚动效果。
- jquery使用div实现滚动条效果
- div+js实现首尾相连循环滚动效果
- div+js实现自制滚动条效果
- DIV实现隐藏、显示、移动效果
- div隐藏滚动条仍保留滚动效果,兼容IE,FF,Webkit 和 O
- 用原生css使div隐藏滚动条,保留鼠标滚动效果。
- div滚动效果
- div显示隐藏效果
- div显示隐藏效果
- 实现div跟着滚动条动的效果
- 用div实现向左右无缝滚动图片效果
- LeetCode 657. Judge Route Circle
- 机器学习_保留分类信息的多任务特征选择/矩阵的k范数
- 设置异步套接字
- 判断是否为回文
- centos7 mysql数据库安装和配置
- div实现隐藏滚动轴效果
- tensorflow-gpu
- Codeforces Round #439 (Div. 2) A题 he Artful Expedien
- modal--7.修改、增加(同步+异步)
- 计蒜客-求第k小
- JavaEE——XML简介
- 抽象类和接口的区别以及使用场景(记)
- Django model类
- Java Callable Future接口执行机制解密