CSS div隐藏滚动条

隐藏指定 div 或者滚动标签里面的滚动条。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>/* 需要滚动条隐藏的列表 */.list-view {width: 100px;height: 100px;overflow-x: hidden;overflow-y: auto;background-color: yellow;}/* 隐藏滚动条 */.list-view::-webkit-scrollbar {display: none;}/* 没有进行隐藏滚动条的列表 */.list-view-no {width: 100px;height: 100px;overflow-x: hidden;overflow-y: auto;background-color: red;}</style>
</head>
<body><p>隐藏滚动条的列表：</p><div class="list-view"><div>1234567890</div><div>1234567890</div><div>1234567890</div><div>1234567890</div><div>1234567890</div><div>1234567890</div><div>1234567890</div><div>1234567890</div></div><p>没有隐藏滚动条的列表：</p><div class="list-view-no"><div>1234567890</div><div>1234567890</div><div>1234567890</div><div>1234567890</div><div>1234567890</div><div>1234567890</div><div>1234567890</div><div>1234567890</div></div>
</body>
</html>

CSS div隐藏滚动条相关推荐

css div隐藏滚动条，保留鼠标滚动效果。
当我们的内容超出了我们的div,往往会出现滚动条,影响美观. 尤其是当我们在做一些导航菜单的时候.滚动条一出现就破坏了UI效果. 我们不希望出现滚动条,也不希望超出去的内容被放逐,就要保留鼠标滚动的效 ...
css滚动条怎么设置隐藏,css怎么隐藏滚动条样式？
css怎么隐藏滚动条样式? 用到的属性有overflow: hidden,下面,我们用一个案例来说明实现的方法及步骤. 1.新建一个html文件,在head中写入内部CSS代码: 2.然后再body中 ...
html让下拉条消失,CSS 实现隐藏滚动条同时又可以滚动
移动端页面为了更接近原生的体验,是否可以隐藏滚动条,同时又保证页面可以滚动? 使用 overflow:hidden 隐藏滚动条,但存在的问题是:页面或元素失去了滚动的特性. 由于只需要兼容移动浏览器( ...
CSS实现隐藏滚动条但可以滚动
今天记录一个很小的问题,在工作之中会经常遇到的,当页面元素溢出的时候会产生滚动条,这个时候需要页面样式优化:CSS实现隐藏滚动条但是可以滚动. 通过设置高和voerflow,实现滚动条效果: . pa ...
html div隐藏滚动条不能使用,CSS隐藏滚动条但不影响正常滚动
由于某些原因你可能需要隐藏盒子的滚动条但又要它保持滚动效果. 百度找不到答案,谷歌或许你会找到.我就直接提供demo出来,运行代码来看效果吧. 有两种方法:大体思路是加一个外层div使用overflo ...
html div 隐藏滚动条样式,div滚动条样式隐藏与显示
DIV滚动条样式是可以设置的,CSS滚动条同样也可以显示与隐藏,对div设置滚动条,设置其横向滚动条和纵向滚动条样式应该怎么做呢? 要设置CSS滚动条样式,需要用到overflow-y和overflo ...
CSS实现隐藏滚动条并保留滚动功能
隐藏滚动条的同时还需要支持滚动,我们经常在前端开发中遇到这种情况,最容易想到的是加一个iscroll插件,但其实现在CSS也可以实现这个功能,我已经在很多地方使用了,下面一起看看这三种方法. 方法1: ...
CSS实现隐藏滚动条并可以滚动内容
隐藏滚动条的同时还需要支持滚动,我们经常在前端开发中遇到这种情况,最容易想到的是加一个iscroll插件,但其实现在CSS也可以实现这个功能,我已经在很多地方使用了,下面一起看看这三种方法. 方法1: ...
CSS实现隐藏滚动条并可以滚动内容效果(三种方式)
隐藏滚动条的同时还需要支持滚动,我们经常在前端开发中遇到这种情况,最容易想到的是加一个iscroll插件,但其实现在CSS也可以实现这个功能,我已经在很多地方使用了,下面一起看看这三种方法. 方法1: ...

CSS div隐藏滚动条

CSS div隐藏滚动条相关推荐

最新文章

热门文章